To whom it may concern,
I am using a content slider including logos. When I am setting the content slider to 4 columns and scaling the logos on hover, they enlarge perfeclty, but when the content slider is set to 2 columns on scale they are moving to the right.
Below is a video.
Can you guide me through please?
Hey FamalcoGroup,
Thank you for the video, from which I found your site and was able to examine your custom css:
} /*Set the brand logos to grayscale on load on the individual business units pages*/
#business-units-logos .slide-entry-excerpt
{
filter: grayscale(100%);
opacity: 40%;
} /*Enlarge the brand logos on hover on the individual business units pages*/
#business-units-logos .slide-entry-excerpt:hover
{
filter: grayscale(0%);
transform: scale(1.2);
opacity: 100%;
}
to correct your issue please change your css to this:
} /*Set the brand logos to grayscale on load on the individual business units pages*/
#business-units-logos .slide-entry-excerpt
{
filter: grayscale(100%);
opacity: 40%;
} /*Enlarge the brand logos on hover on the individual business units pages*/
#business-units-logos .slide-entry-excerpt:hover
{
filter: grayscale(0%);
opacity: 100%;
}
#business-units-logos .slide-entry-excerpt:hover img {
transform: scale(1.2);
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Thank you so much :D
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