Hi,
I have used your theme for many sites, much appreciation!
For a particular website I have set a maximum height on the slider because i use a lot of images with different sizes on different pages. I used this code (found on the forum) te set the height:
@media only screen and (min-width: 1200px) {
.avia-slideshow-inner {
height: 500px !important;
}
.avia-slideshow {
max-height: 600px !important;
}
}
This works without a problem, but for most pictures it now only displays the top part of the image. therefore i am trying to set the image alignment for all images to ‘center center’ or ‘bottom center’. Unfortunately the code i have found on the forum here no longer seems to work:
.avia-fullscreen-slider .avia-slideshow-inner li {
background-position: center center !important;
}
Hope you can help me to correct this! :)
Mauro
Hey Mauro,
I can only see a coming soon page on the link you posted, I’m guessing we need to be logged in to be able to see it? If so then please post admin login details in private.
Best regards,
Rikard
Here you go. You can see the problem on most pages.
Hi,
Thanks for that, though the details are not working. Could you check and verify please?
Best regards,
Rikard
It should work now – sorry
Hi,
Thanks for that, login details are working now. Though I’m not sure I understand exactly what you are looking to change? Also, since you’re only using one image, maybe it would be better to use a Color Section element and set the image as a background to it? That should give you more options for setting the correct height.
Best regards,
Rikard
Yes – I should have used the content element. Unfortunately I didn’t. Was hoping to retroactively change the properties to make it act like it.
I will manually change the individual pages…
Hi,
Did you need additional help, or shall we close this topic?
Best regards,
Jordan Shannon