- This topic has 8 replies, 2 voices, and was last updated 5 years ago by Tom.
October 1, 2016 at 5:00 pm #230983Rylan Urban
Hey Tom. The theme is changing the text color in my custom buttons. I added an important tag
padding: 8px 14px;
color: #FFF !important;
border: 2.5px solid #00b70f;
color: #000 !important;
and it fixed it on desktop. But the mobile versions of the buttons are still reverting back to green colored link text.
Any suggestion?October 1, 2016 at 5:34 pm #230989Rylan Urban
oh – it also doesn’t work on Firefox i see. Just chrome!!
Not sure what to do,
RylanOctober 1, 2016 at 9:30 pm #231008TomLead DeveloperLead DeveloperOctober 2, 2016 at 9:09 am #231093Rylan Urban
Thanks again!October 2, 2016 at 10:15 am #231104TomLead DeveloperLead DeveloperOctober 14, 2016 at 9:14 am #235284Rylan Urban
Hey Tom – for some reason it’s either not working or it switched back!
Check out the footer on http://allgreenmarketing.comOctober 14, 2016 at 9:40 am #235292TomLead DeveloperLead Developer
If you use the Inspect tool in your browser, you can see the CSS and see if any other selectors are overwriting it.
In the case here, you have the link color set in the page header, so the CSS for that is:
Then your button is:
So the page header CSS is more specific, meaning it will overwrite your CSS.
You can either make your CSS more specific:
Or add !important after your link color:
color: #FFF !important;October 14, 2016 at 12:50 pm #235329Rylan Urban
Hey Tom – it was actually in the footer. But i used your method and attacked it with .footer-widgets a.custom-button-2.
I tried the same method but can’t find the CSS for the case when the button is in the sidebar.
Can you take a look? http://4eb.5bb.myftpupload.com/solar-benefits/
RylanOctober 14, 2016 at 9:03 pm #235396
- You must be logged in to reply to this topic.