Change color of Button Text

Support
#1

Hi,

I am just trying to target the text on this button to change the color to white:

I don’t want global changes, I just want to change this one button. The site address is alexmonterville.com

Thanks

#2

Hi Alex,

Thank you for writing in, I understand that you want to only change the button of that form. Is that a contact form 7? If so, please add this to Theme Options > CSS

.wpcf7 .x-btn, .wpcf7 .button, .wpcf7 [type="submit"] {
	color: red;
}

If that does not work, please removed the “under construction mode” for a while so we can take a closer look.

Cheers!

#3

Hi,

Thanks – it worked, but is there a reason why after I add the CSS, then save it, and it seems to work properly, but then I leave the page and come back later, it looks like the CSS that was added is not there any more, because the button text reverted from white back to blue.

#4

Hi @alxmntrvl,

Usually, it will happen if you have a caching plugin. Disable your caching while developing your site then re enable it again after developing your site.

If still happening, please share us your admin credentials in a secure note so we could check further.

Don’t forget to set it in a secure note.

Let us know how it goes.

Thanks.

#5

I disabled caching in Developer Tools, but had the same problem. I added a Secure Note.

Thanks!

#6

Hello There,

I have logged in and made the necessary changes. I cleared my browser cache and it is now working on my end.

Please clear your caches and your browser’s cache too. You can even use private browsing mode and test your site again.

#7

When you say “clear your caches and your browser’s cache”, what other caches are there besides the browser cache, which I cleared? I see that you changed the button text to red, which seems like it stuck, but if I try to change it to white, save, then re-open the page, my code doesn’t persist. Should I add any CSS changes in a private browser window? Would that make any difference? I don’t want this to be an ongoing problem any time I want to add any CSS.

#8

Hello There,

Clear your caches like the site cache and plugin cache if your server has a caching mechanism or if you may have installed a caching plugin. I have updated the code again. I changed it to white and it should now be white.

I have changed the css code in a regular Chrome bowser. I have viewed the site for testing in Chrome’s Incognito mode or private browsing mode.

Please check your site again.

#9

Hi – thank you, yes that worked great on the home page. I did only want to target that one particular button on the home page, because that also changes for example the button on the Contact page thats on a white background, so now the text has disappeared from that button.

#10

Hi There,

Please update the previous CSS to this:

.home .wpcf7 .x-btn, 
.home .wpcf7 .button, 
.home .wpcf7 [type="submit"] {
	color: red;
}

Hope it helps :slight_smile:

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.