How to change image size @ Feature Slider

Recommended Posts

weltraumaffe
0

weltraumaffe 0

Hi there,
I have a problem with the feature slider. I tried a lot and ending with a suboptimal solution. Perhaps you can help me...
I want to have 50% of the space for the text and 50% for the image. The thing with the text works well, but i can't get the images scaled down to the 50% and aligned to the right :-(
So i ended up with creating manual feature images with 1000px x 250px: half black, half image (as you can see on http://www.maenner-style.de ). So the real image is two times bigger than it needs to be.
is there a smart solution for this? it should look like my "faked solution".
i hope you understand my problem. i'm sorry for my bad english knowledge -.-

Share this post

Link to post

Share on other sites

Jenny
33

Jenny 33

What you are doing actually works out well. As an alternative, you could have just the image uploaded as half size and change some CSS around. Since your site is different now, it's a little hard to tell you what CSS you would need to change. The only thing I see in your current CSS code that stands out is
[code]#feature_slider .fmedia {
width: 67%;
}[/code]

Share this post

Link to post

Share on other sites

Rob
547

Rob 547

The easiest way to do this is to create a new image that's full sized (max width of your slider) and embed the picture you want on the right side, leaving the unwanted space either black or with transparency. Replace the image you have with the new one you create and you are guaranteed alignment precisely where you want it.

Share this post

Link to post

Share on other sites

Rob
547

Rob 547

My apologies for misunderstanding you. Actually, your English was perfect. It was my reading that was off.
It is often very difficult to find images you want sized to fit into sliders that are very wide. What I've done in past has been to crop a large image to a portion that sends the message I want. For example, if I want a picture of a beef steak, I may find only a very large picture that's very large (3000px wide). I resize it to the width I want (1000px wide), the crop from that the beef steak, leaving out all the extra components, such as potatoes and vegetables.
There's no easy solution to this. You cannot crop an image and in Wordpress, you'll find it very difficult to increase the size of a smaller picture to a larger one. The images blur.
The only ways are what you're already doing or cropping larger images.