- This topic has 5 replies, 2 voices, and was last updated 3 years ago by
Skandha.
-
AuthorPosts
-
November 27, 2020 at 10:44 pm #266715
Lottieb87
ParticipantHi my website is https://www.totsoffun.org.uk
I would like some CSS to change background colour of the link buttons throughout site including on our shop page. I have played around with some additional CSS and managed to find some that worked with some of the the link texts but not all. Id like to change the red button backgrounds to a teal colour and preferably have white text. Can I do this with out altering other links that might not have a coloured background button?
Your help would be most appreciated.
Lottie
November 27, 2020 at 11:32 pm #266737Skandha
Participant@lottieb87: Hello Lottie,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code..woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce .product-container .wc-forward, .woocommerce-pagination ul li span.current, .woocommerce-pagination ul li a:hover, .woocommerce-pagination ul li a:focus { background-color: teal; }
Let me know if this works out!
Kind Regards,
SkandhaNovember 28, 2020 at 10:20 am #266750Lottieb87
ParticipantThats brilliant thank you! Looks much nicer.
Is it possible to do the same thing with the red button on the homepage header image with CSS?November 28, 2020 at 10:24 am #266760Skandha
Participant@lottieb87: Hello Lottie,
For that
Go to => Appearance => Customize => Additional CSS and add the following CSS Code..custom-header-media .more-button { background-color: teal !important; }
Let me know if this works out!
Kind Regards,
SkandhaDecember 1, 2020 at 4:36 pm #267019Lottieb87
ParticipantPerfect thank you so much!
December 1, 2020 at 10:07 pm #267039Skandha
Participant@lottieb87: Hello Lottie, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/kids-camp/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂Kind Regards,
Skandha -
AuthorPosts
- The topic ‘Change background colour of link buttons throughout site’ is closed to new replies.