Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 27, 2020 at 5:33 am #1255968
    xuamox

    I would like to double the size of the fontello icons that I am using in four of my buttons, but I can’t seem to get it to work.
    Any help would be appreciated.

    October 27, 2020 at 7:29 pm #1256174
    Victoria

    Hey xuamox,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.home #av_section_1 .avia-button .avia_button_icon {
  font-size: 26px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 27, 2020 at 7:55 pm #1256195
    xuamox

    Thank you that worked perfectly. Much appreciated.

    One last thing, how can I adust the margin on the icon so that it’s more centered vertically. It seems that as the icon gets larger it is still aligned with the bottom edge of the text. Thanks.

    October 28, 2020 at 8:35 pm #1256476
    Victoria

    Hi xuamox,

    Please use the code like this:

    
.home #av_section_1 .avia-button .avia_button_icon {
    font-size: 42px;
    vertical-align: middle;
}

    Best regards,
    Victoria

    October 28, 2020 at 8:49 pm #1256484
    xuamox

    Perfect. That worked! thank you for your help.

    October 28, 2020 at 9:23 pm #1256516
    Victoria

    Hi xuamox,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Increase the size of the icons in a button’ is closed to new replies.