Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 20, 2019 at 10:26 pm #1112109
    sbukofsky1

    Hello,

    I am looking to increase the size on a button for a fullwidth easy slider banner. Does this require additional coding?

    Thanks,

    -Sam

    June 20, 2019 at 11:10 pm #1112117
    Jordan Shannon

    Hey sbukofsky1,

    Yes this can be done via css. If please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    June 21, 2019 at 2:15 pm #1112339
    sbukofsky1

    Here is our homepage.

    The button I’m referencing is currently saved as a template, so I cannot publish that yet. However, a good example is if you scroll down a little until you see the banner that says “Restaurant Design And Build – It’s what we do.” I’d like the button that says “Learn more” to be bigger.

    Thanks,

    -Sam

    June 21, 2019 at 11:57 pm #1112458
    Jordan Shannon

    Hi,

    Add this to quick css:

    .avia-slideshow-button.avia-button.avia-color-light{
    padding: 20px 100px;
}

    Best regards,
    Jordan Shannon

    June 24, 2019 at 2:37 pm #1112929
    sbukofsky1

    Hey Jordan,

    Is there a way to manually increase the size?

    Thanks,

    -Sam

    June 25, 2019 at 1:13 am #1113039
    Jordan Shannon

    Hi,

    Unfortunately those are available in the button options.

    Best regards,
    Jordan Shannon

    June 25, 2019 at 2:10 pm #1113228
    sbukofsky1

    Hey Jordan,

    Seems like that code didn’t work. Anything I could be doing wrong?

    -Sam

    June 25, 2019 at 2:19 pm #1113239
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also be sure to clear the cache a few times over.

    Best regards,
    Jordan Shannon

    June 25, 2019 at 2:46 pm #1113247
    sbukofsky1

    I did both of those things, but no luck. Anything else I can try?

    June 26, 2019 at 12:16 pm #1113581
    Ismael

    Hi,

    Did you toggle the Performance > File Compression settings after adding the code?

    The following css code should increase the font size and padding around the slideshow button text.

    #top .avia-slideshow-button {
    font-size: 23px;
    padding: 15px 30px;
}

    Best regards,
    Ismael

    June 26, 2019 at 2:06 pm #1113613
    sbukofsky1

    Ismael,

    That seemed to work. Thank you for your help!

    -Sam

    June 27, 2019 at 2:54 am #1113747
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Increase button size on banner’ is closed to new replies.