Hi,
I’m trying to customize the standard Enfold theme buttons to have a border and no background (transparent background), but I can’t seem to work out a way to do this.
Could you please help?
This is the look I am after http://i.imgur.com/LanrfTw.jpg
Thanks a lot
Michael
Hi langor!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.avia-button.avia-size-small, .avia-button.avia-size-medium, .avia-button.avia-size-large {
color: black!important;
border-color: black!important;
background-color: transparent;
border: 1px solid;
}
.avia-button.avia-size-small:hover, .avia-button.avia-size-medium:hover, .avia-button.avia-size-large:hover {
color: white!important;
border-color: black!important;
background-color: black;
border: 1px solid;
}
Best regards,
Yigit
Thanks a lot, I’ll test it out.