CSS change not showing in Chrome

Have been trying everything to figure this out and nothing is working…in Chrome, I can not get the css from a certain buttons border and text color to change to red. It shows up perfectly on other browsers but its staying white in Chrome (I have tried clearing all cache, also nothing to clear through appache-internals, tried using the button customizer, tried various ways of doing it through css).

If I am using Chrome and in the customization / edit CSS area, the change DOES show, which is strange! (image attached)

Here is the code I am using now (although I have tried a few variations)

.image-bg .btn {
font: #f00;
border-color: #f00;
border: 2px solid red;
font-weight: 500;

The page is: http://webbiz.obscureentrepreneur.com/ - I have just started customizing the site so there is really nothing on there yet…but I came across this and wanted to correct it before I move forward w/ everything.

Please help.


Hey there,
I hope you’re doing well today

Firstly the button color is appearing red for me, and I’m using chrome (see screenshot).
However what you can do is add the !important rule to your CSS which enforces change.

.image-bg .btn {
font: #f00 !important;
border-color: #f00 !important;
border: 2px solid red !important;
font-weight: 500 !important;

I hope this helps.

Best Regards,