Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 20, 2016 at 1:41 am #568266
    JTV Digital

    Hello,

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

    Thanks,

    January 20, 2016 at 2:17 am #568276
    Elliott

    Hey JTV Digital!

    Add this to your custom CSS.

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

    Best regards,
    Elliott

    January 22, 2016 at 1:23 am #569648
    JTV Digital

    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

    January 23, 2016 at 4:21 am #570446
    Elliott

    Hi!

    Use this.

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

    Cheers!
    Elliott

    March 6, 2016 at 7:20 am #593857
    nicsans

    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!

    March 6, 2016 at 7:30 am #593865
    nicsans

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

    Thank you

    March 8, 2016 at 4:18 am #594749
    nicsans

    Could anyone please assist with these questions?

    Many thanks

    March 8, 2016 at 11:07 am #594927
    Vinay

    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

    March 23, 2016 at 4:57 am #602281
    nicsans

    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.

    March 26, 2016 at 4:15 am #603768
    Ismael

    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

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