-
Posts
-
Hello,
I am trying to control the height of a fullwidth image slider.
For now I am doing it with this CSS:
.avia-slideshow-inner {
max-height:500px;
}The only disadvantage is, that the caption is not allocated correctly anymore. Additionally I cannot control which part of the picture is shown.
Is there maybe a more elegant way to solve this or even a better fitting element for me?Thank you,
GerkeHey C2S16!
Can you give us a link and temporary admin access to your site? so we can inspect further and give specific solution. Kindly put the details in the Private Content section in your reply.
Best regards,
NikkoHi,
please notice, that I already added the CSS to the fullwidth slider. You can find the CSS under Appearance –> Custom CSS.
Another question there: Actually in the normal settings of the fullwidth slider, I can define the size of it. I set it to 1500×430. Why is the size sometimes different?Thank you for help and explanation,
GerkeHi!
I don’t think accordion slider is the best fit as the content varies greatly in length. I suggest you try this one:
2 columns image-content (or vice versa) http://kriesi.at/themes/enfold-health-coach/about/
or you can find some designs in the demo that you may prefer.As for the 2nd question, it usually happens if the either the height or width of the image is lesser, so it’s not cropped properly, better way to do this is to have crop in photoshop or other image editing software in the same height and width. Hope this helps. :)
Regards,
NikkoHi Nikko,
I am really sorry, I sent you the wrong link. I am afraid I mixed up two threads here.
I gave you the correct link now.
Can you please have a look at it again?This fullwidth slider is really big. It should be smaller, like for example the one on click2stock.com/homepage (on top of the page).
Sorry again for the double work.
Thank you,
GerkeHi Gerke,
No problem. I have taken another look and the problem you are having is that you have a slider image which has a lesser width than what is required. The required image dimension is 1500x430px, the image you have used is 1000x653px, this is less width and more height, since the width is lesser wordpress will not crop the width, but since the height has excess, wordpress crops 430px and gets the middle part, so you have a 1000x430px. Since this is a fullwidth slider it will expand the image (since the image is smaller) when viewing in a screen which is more than 1000px as it stretches the image it’s not just the width but also the height. I downloaded your original image, resized and cropped it with an image editing software, and reupload it to the slider, you should see it’s looking better (though it’s blurry since I enlarged the image).
Here are the things to keep in mind when uploading an image to the slider:
- Smaller than required dimension – will be expanded and get blurry.
- Bigger than required dimension – will be cropped by wordpress and it will get the middle part cutting of the top and bottom of the image.
- Exact image dimension – best output
So use an image editing software to crop images so you have full control and get best results. Hope this information is helpful :)
Regards,
Nikko
- You must be logged in to reply to this topic.