Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 3, 2013 at 6:58 am #25606
    andypeck

    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.

    July 3, 2013 at 7:54 am #127555
    Ismael

    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

    July 3, 2013 at 8:30 am #127556
    andypeck

    Great thank you….

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

    Cheers

    July 3, 2013 at 9:46 am #127557
    Dude

    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>

    July 3, 2013 at 2:22 pm #127558
    andypeck

    Brilliant. Thank you

    July 4, 2013 at 7:49 am #127559
    Ismael

    Hey,

    Glad it is fixed. :)

    Cheers,

    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Basic entypo font rollover effect in builder’ is closed to new replies.