Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #25606

    Hi there,

    How can I create a rollover effect with a basic av-font (entypo)? I’ve added a symple entypo font into my page builder page….

    [av_font_icon color="#d74b00" icon="46" size="60"])

    ….and would like the color to change (from orange to white) on pointer rollover. I would also like to have the ‘down state’ link to another place on the web site.

    #127555

    Hi,

    You can add this on your custom.css or quick CSS

    .av_font_icon.avia-icon-pos-left.avia-font-entypo-fontello:hover {
    color: white !important;
    cursor: pointer;
    }

    Regards,

    Ismael

    #127556

    Great thank you….

    And to create a link to another page within the site?

    Cheers

    #127557

    Just use the id of the element you want to link to as href value. Eg if you wan to link to the element with the id “test” use:

    <a href="#test">Test Link</a>

    #127558

    Brilliant. Thank you

    #127559

    Hey,

    Glad it is fixed. :)

    Cheers,

    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Basic entypo font rollover effect in builder’ is closed to new replies.