Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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

    #266737
    Skandha
    Keymaster

    @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

    #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?

    #266760
    Skandha
    Keymaster

    @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

    #267019
    Lottieb87
    Participant

    Perfect thank you so much!

    #267039
    Skandha
    Keymaster

    @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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.