Dear Sirs,
I am developing on the homepage a section 2/3 and 1/3 and in each section I want to use a combination of images using the easy sliders for each section. with captions. See http://www.peter-test1.co.uk. However the image of the 1/3 section cuts off at the bottom. But when I adjust the width of the page using developer tool it corrects itself and become full. But when I refresh the page the bottom is cut off again can you please help.
Hey condonp,
Thanks for your patience and the link to your site try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.av_one_third .avia-slideshow-inner {
height: 100% !important;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Mike
Thanks for this. I was wondering how I can get an image effect using enfold that is similar to the website at https://www.dodfordmanor-venue.co.uk/. Here the images have captions and also on hover the images appear to fade in can you help with this ?
Mike
Thanks for this. I was wondering how I can get an image effect using enfold that is similar to the website at https://www.dodfordmanor-venue.co.uk/. Here the images have captions and also on hover the images appear to fade in can you help with this ?
Hi,
To zoom in on the slideshow image on hover, such as the slideshow image on your site with the caption “Local Optician”, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.avia-slideshow-slide:hover img {
animation: zoom 7s;
animation-fill-mode: forwards;
}
@keyframes zoom {
to {
transform: scale(1.2)
}
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Great Thanks that super Mike. Really appreciate this.
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike