Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1325157

    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?

    #1325252

    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

    #1325366

    Thank you so much :D

    #1325390

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Logos on scale’ is closed to new replies.