Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 19, 2017 at 12:24 pm #796520
    simonac

    Hi, how can i change the font size of a button. Only for this single button. I have ALB activated.
    Thanks Simon

    May 19, 2017 at 9:37 pm #796790
    Nikko

    Hey simonac,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .button20 .avia-button {
    font-size: 30px !important;
}

    just adjust the font size as you see fit. This would affect all buttons with custom css of button20, hope this helps :)

    Best regards,
    Nikko

    March 5, 2019 at 1:37 pm #1074862
    Handyann

    Hi,
    I know this is an old thread, but I have a similar question. I’d like to make the font bigger on some of the landing page buttons, but not all. I’ve enabled the developer function and given the necessary buttons the class of ‘landing-page-button’. I’ve used the snippet below to try and change the font size, but it hasn’t worked so I’ve got something wrong. I’m wondering if I can’t completely change the CSS class itself like this, from the original ‘avia-button’?

    Can you help please? Thank you very much.

    .landing-page-button {font-size: 18px !important;}

    March 5, 2019 at 4:57 pm #1074972
    Nikko

    Hi Handyann,

    Can you give us a link to the page where we can see the button? we’ll inspect it and try to give you css codes that should work.

    Best regards,
    Nikko

    March 6, 2019 at 6:14 pm #1075574
    Handyann

    Hi Nikko and thanks for your reply. I’ve added the URL in the private content as the site’s not live yet. I’d like to change the font size on some of the buttons in the sections below the slider please.

    Kind regards,
    Ann

    March 7, 2019 at 4:08 pm #1076029
    Nikko

    Hi Handyann,

    Thanks for giving us the link, I don’t see the class name you mentioned, but I think you’re referring to the large and extra large buttons.
    Try adding this css code in Quick CSS (Located in Enfold > General Styling):

    #top .avia-button.avia-size-large .avia_iconbox_title,
#top .avia-button.avia-size-x-large .avia_iconbox_title {
    font-size: 18px;
}

    Best regards,
    Nikko

    March 7, 2019 at 4:32 pm #1076041
    Handyann

    Hi Nikko,

    WOW! That worked perfectly!! Looking at your code, I now know how to adapt it to tweak the other sizes too, if needed.
    Thanks so much. You’re a star!

    March 9, 2019 at 8:23 am #1076634
    Rikard

    Hi Handyann,

    Great, I’m glad that Nikko could help you out. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    June 7, 2020 at 8:24 pm #1220278
    AxelSchultze

    Just adding to the thread
    FEATURE REQUEST
    Button / styling / appearance / font-size
    Would be super helpful.- mainly when doing larger buttons :)
    Thanks
    Axel

    • This reply was modified 4 years, 5 months ago by AxelSchultze.
    June 9, 2020 at 3:36 am #1220707
    Jordan Shannon

    Hey Axel,

    Thanks for the input on this. We can send it to the devs for consideration.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.