Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 13, 2014 at 5:44 am #208797
    jtree5757

    I’m trying to use the icon element, and I select the “standalone icon with border and optional caption” as my icon style.
    There is a field that says “icon size” but it doesn’t do anything to the icon. It only makes the border have a larger radius around the icon. The icon stays tiny.

    Is there a fix for this?

    January 13, 2014 at 9:06 am #208820
    Dude

    Hey jtree5757!

    I tested the option on my test server and it works for me. I guess some other css code overwrites the icon inline styles and thus the “font size” option doesn’t work for you. Please post a link to your icon/website and we’ll look into it.

    Regards,
    Peter

    January 13, 2014 at 9:13 am #208827
    jtree5757

    I think you are right.
    I changed this css to edit the size of the arrow in the “scroll to top” button in the bottom left of pages. 

    #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont="entypo-fontello"]:before {
	font-size: 15px	;
}

    I would like to be able to use the icon element with the font size.

    So how can I change the font size of the arrow in the “scroll to top” button without affecting anything else?

    Thanks, you guys are awesome!

    January 13, 2014 at 9:28 am #208838
    Ismael

    Hi!

    You can change the scroll to top arrow icons using this:

    #scroll-top-link {
font-size: 50px;
}

    Cheers!
    Ismael

    January 13, 2014 at 9:36 am #208843
    jtree5757

    Perfect. It’s all working like it should!

    Don’t see a resolved box, but this is resolved :)
    thank you

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Icon element in advanced layout builder not sizing’ is closed to new replies.