Hey normally I just custom CSS my button border colors since there is no default option to do so but for some reason, I can’t change the border colors on these two buttons.
It’s the two buttons at the top that say “READ ARTICLES” AND “SUBSCRIBE”
I’m trying to change the border colors to be black. I know the CSS and I’ve done this plenty of times not sure why its not working now though. Any help is much appreciated, thank you!
The Button module does include an option to edit the border. First you need to select a background color. Once you have done that, select transparent and you should be able to use the background color to control the border color.
Also, I can see the CSS you have added for the first button. However, I am not seeing any custom CSS for the second button. What CSS was you using?
Hi - I want a transparent button to have a solid background on hover, and I have followed the instructions above, and put the following code into custom css in Dynamik, with the class color-hover in the button, row and column! But nothing will make that button go black on hover - any suggestions? I have cleared endless caches and turned caching off on the site.
.fl-builder-content .color-hover a.fl-button:hover {
background: #000000;
border: 2px solid #000000; /Border width must be the same with the Button module/
}
I will post the site in a separate reply set to private if you would like me to - Thanks - Robin
the issue is: .color-hover is the class of the button. when youre playing with the button settings in beaverbuilder, change the class to color-hover then in the css code, when you do .color-hover, itll work