Overriding Button Styling with CSS Never Works!

Beaver Builder
1

Every time I seem to want to add css to create a default button style (to override the default button styles in the modules if no color is set) I can never get it to work.

Can someone clarify the class that should be used, or maybe it’s not even possible?

2

Nevermind! I keep getting weird characters being added from my text doc for some reason and are always invisible.

3

Hi Melanie,

Thanks for informing us the issue has been resolved, we appreciate it. However, out of curiosity, when you say text doc, does that mean you’re writing your CSS in a text doc app?

If so, I would highly recommend using a code editor to create your CSS. As the text doc may not format the code correctly. I would recommend using either Atom from GitHub, SublimeText or Brackets. I have linked all three below for you.


http://www.sublimetext.com/

I personally use Atom and SubLime Text. However, all three are good editors. Another thing I suggest is using the dev tools built into the Chrome Browser. There is a really good tutorial, if you’re not familiar by Code School.

http://discover-devtools.codeschool.com/

If you have any further CSS issues, let us know.

Thanks,
Danny

4

Thanks Danny, but oddly enough I’m using TextEdit in plain text, but somehow the characters are still there, but not visible. Stumped! Cleaned it up now. Sigh…

5

Hi Melanie,

It’s been years since I’ve used that app. However, if my memory serves me correctly, there should be an option called Ignore Rich Text or Ignore Rich Commands, do you have this option checked? If not, try checking it and see the issue persists.

However, I would recommend using a code editor like the ones I mentioned above, over text editor. Especially, if you’re writing CSS.

Thanks,
Danny