-
Posts
-
Hello,
Please notice the footer widgets on every page of my site. I’m trying to change the color of the button.
When I change the code in the widget, the color does not change.Below is the code for Widget Footer Column 1
[av_icon_box icon='1' position='top' title='AVAILABILITY' link='manually,https://musicbydesign.evpl.co/availability/' linktarget='yes']
Select my event date to check availability!
[/av_icon_box][av_button label='Check Availability' link='manually,https://musicbydesign.evpl.co/availability/' link_target='_blank' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='no' icon='25']
Can the color be changed with Quick CSS? If so what is the code?
Cheers!
Hi djsmbd,
Yes, it can be, please try the following code:
#text-2 .avia-button.avia-size-medium { background-color: red; }Best regards,
VictoriaHello,
It only changed the color for Widget Footer Column 1 and it leaves a border around the button in the footer.
How can I eliminate the lower border and change the color for all 3 widget columns. I thought my original code would work yet it does not.
Please advise.Cheers!
Hi djsmbd,
You asked how to change the color, I gave you the code :)
Please try the code like this:
#text-2 .avia-button.avia-size-medium { background-color: red; border: red; color: #fff; }If you need further assistance please let us know.
Best regards,
VictoriaThanks Victoria! It worked but how do I change the color of the other widgets?
It only worked for Widget Footer Column 1. How do I change button color on Widget 2 & 3?Hi Victoria. Thanks again figured it out.
Widget 1
#text-2 .avia-button.avia-size-medium {
background-color: #2997ab;
border: red;
color: #fff;
}Widget 2
#text-3 .avia-button.avia-size-medium {
background-color: #2997ab;
border: red;
color: #fff;
}Widget 3
#text-5 .avia-button.avia-size-medium {
background-color: #2997ab;
border: red;
color: #fff;
}
- You must be logged in to reply to this topic.