Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 27, 2020 at 10:44 pm #266715
    Lottieb87
    Participant

    Hi 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 #266737
    Skandha
    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,
    Skandha

    November 28, 2020 at 10:20 am #266750
    Lottieb87
    Participant

    Thats 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 #266760
    Skandha
    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,
    Skandha

    December 1, 2020 at 4:36 pm #267019
    Lottieb87
    Participant

    Perfect thank you so much!

    December 1, 2020 at 10:07 pm #267039
    Skandha
    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change background colour of link buttons throughout site’ is closed to new replies.