Tagged: button, customization, slider
Hello,
How to increase the size of the call to action button in the fullwidth slider (adjust height, width, font size, etc)
Thanks,
Hey JTV Digital!
Add this to your custom CSS.
.avia-slideshow-button {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
Best regards,
Elliott
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
Hi!
Use this.
.avia-slideshow-button {
font-size: 22px !important;
font-family: verdana !important;
color: red !important;
padding: 20px !important;
}
Cheers!
Elliott
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!
Also, is it possible to change the hover color of this call to action button?
Thank you
Could anyone please assist with these questions?
Many thanks
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
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.