Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 27, 2020 at 4:01 pm #1226065
    demicoli00

    Hi I would like to scale the icons to say 1.2 on hover. I used the below but it did not work:
    .av-icon-char:hover {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    }

    Thanks

    June 27, 2020 at 8:30 pm #1226127
    Victoria

    Hey demicoli00,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    June 28, 2020 at 10:42 am #1226190
    demicoli00
    This reply has been marked as private.
    June 29, 2020 at 3:42 am #1226283
    Nikko

    Hi demicoli00,

    Please try adding this CSS code in Quick CSS, located in Enfold > General Styling:

    #top .av_font_icon {
    transition: all 0.3s ease;
}

#top .av_font_icon:hover {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

    Best regards,
    Nikko

    June 29, 2020 at 9:38 am #1226335
    demicoli00

    Thanks it worked. Kudos

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Transform Icons’ is closed to new replies.