Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #568266

    Hello,

    How to increase the size of the call to action button in the fullwidth slider (adjust height, width, font size, etc)

    Thanks,

    #568276

    Hey JTV Digital!

    Add this to your custom CSS.

    .avia-slideshow-button {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    Best regards,
    Elliott

    #569648

    Ok thanks, what are the other parameters, like adjusting the font size, font type, button width, etc…
    There should be equivalent settings for all buttons (same settings as the buttons from the pricing tables for example)
    Thanks

    #570446

    Hi!

    Use this.

    .avia-slideshow-button { 
        font-size: 22px !important;
        font-family: verdana !important; 
        color: red !important;
        padding: 20px !important;
    }

    Cheers!
    Elliott

    #593857

    Hi.
    I tried to use the above css to change the call to action button also.

    However I am still having problems.

    Could you please advise how to:

    1. change position to center for the button on the slider
    2. change the button color (the css above changed the text color on the button for me but not the button color itself).

    Many thanks!

    #593865

    Also, is it possible to change the hover color of this call to action button?

    Thank you

    #594749

    Could anyone please assist with these questions?

    Many thanks

    #594927

    Hey!

    Sorry for the delay.

    Please try this code to change the button color

    .avia-slideshow-button { 
        background:gold!important;
    }

    Please share the link to the page where we can see the element in question so we can help you with centring the button :)

    Cheers!
    Vinay Kashyap

    #602281

    Thanks Vinnie.

    That code worked to change the button color but the text on the button which is white is now only showing when I hover over it (otherwise I now just have a plain button).
    Could you please advise how to get the text back?

    Many thanks.

    #603768

    Hey!

    Please provide a link to the page with the button or try this in the Quick CSS field:

    .avia-button .avia_iconbox_title {
        color: #ffffff;
    }

    Regards,
    Ismael

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