WordPress.org

Forums

WooCommerce - excelling eCommerce
How to change the color of woo commerce button (15 posts)

  1. junec21
    Member
    Posted 2 years ago #

    hi , how to change the color of woo commmerce button . example http://eastbaywellness.com.sg/eastbayshops/cart/

    i want to change instead of blue to green . pls help . many thanks

    http://wordpress.org/extend/plugins/woocommerce/

  2. daileycon
    Member
    Posted 2 years ago #

    Try adding these lines to your custom.css and just change to the colors you want.

    #top .primary-background, .dropcap2, div .button, input[type="submit"], #submit, .info_text_header, .numeric_controls a:hover, .numeric_controls .active_item, .contentSlideControlls a.activeItem, #top th, #top .related_posts .contentSlideControlls a.activeItem, #top .arrow_controls a, #main .content #searchsubmit:hover, .callout a {
    background-color: #333333;
    }

    #top .on-primary-color, #top .on-primary-color a, .dropcap2, div .button, input[type="submit"], #submit, .info_text_header, .info_text_header a, .info_text_header a:hover, .contentSlideControlls a.activeItem, #top .related_posts .contentSlideControlls a.activeItem, .contentSlideControlls a:hover, #top .related_posts .contentSlideControlls a:hover, #top th, #top th a, a.button:hover, #top #wrap_all .sub_menu .menu > .current_page_item > a {
    color: #444444;
    }

  3. junec21
    Member
    Posted 2 years ago #

    still the same blue color .
    you mean i put in the theme css ,right ?

  4. Mike Jolley
    Member
    Plugin Author

    Posted 2 years ago #

    If you go to WooCommerce > Settings you should have some colour pickers? Just change the values and 'save'.

  5. junec21
    Member
    Posted 2 years ago #

    i tried to go woocommerce - > setting and change the color picker and save but can't . it goes back to the original color. why it is ? you want to take a look at it ?

  6. Mike Jolley
    Member
    Plugin Author

    Posted 2 years ago #

    Do the colours have # in front of them? http://cl.ly/image/0u2H2x3P2h0K

    I've seen themes break this before by using their own colour pickers.

  7. junec21
    Member
    Posted 2 years ago #

    weird , i cant to change the color picker .....
    perhaps you can take a look at it .i using woo commercer 2.0.5

    email me at june.c84@gmail.com and i give u the back end credential . you take a look . pls help . thanks a lot

  8. daileycon
    Member
    Posted 2 years ago #

    "you mean i put in the theme css ,right ?"

    No, go to Appearence - Editor and you should see a file custom.css at the very bottom list of files to edit. Add that code in that file after it says:

    GLOBAL STYLES
    ----------------
    Add styles beneath this line that you want to be applied across your entire site */

    Good Luck

    I'm no expert but I like to tinker around.

  9. junec21
    Member
    Posted 2 years ago #

    ya... i manage to do it .thanks ....

  10. anandan111
    Member
    Posted 1 year ago #

    you should create a child theme. If you don't know how there are tons of resources out there when it comes to editing style.css. it is pretty simple and straightforward actually.
    I've learned how to create one here: Creating a Child Theme
    Reason you do this is when you update your theme, you will lose all of your changes you made.

  11. AgenceRegard
    Member
    Posted 1 year ago #

    Hey, i want to change the color of "promo" pic (http://hpics.li/c619a84). Where is possible in the custom.css, css or image ? Thank you in advance for your help.

  12. anandan111
    Member
    Posted 1 year ago #

    it's the picture...

  13. KeithWhalen
    Member
    Posted 1 year ago #

    I have a similar problem and have been able to sort most of it out by enabling the woocomerce.css and changing the styles but when the Shop page loads the buttons look OK then change?

    http://a1sportsdistribution.co.uk/shop/

    Any idea why this might me happening and how it can be fixed?

    Many thanks

  14. skeeterz71
    Member
    Posted 1 year ago #

    Try this in your child theme

    .woocommerce a.alt.button, .woocommerce button.alt.button, .woocommerce input.alt.button, .woocommerce #respond input.alt#submit, .woocommerce #content input.alt.button, .woocommerce-page a.alt.button, .woocommerce-page button.alt.button, .woocommerce-page input.alt.button, .woocommerce-page #respond input.alt#submit, .woocommerce-page #content input.alt.button{
    background:#ca0606 !important;
    border-color:#ca0606 !important;
    }
  15. hansstorrie
    Member
    Posted 1 year ago #

    Hi, on the 'Featured Products Now On Sale' page, is there a way I can remove the strikethrough price tag and just have the actual price showing? I don't want to enter a sale price and a current price. Is there a way to do this with some custom CSS?

    http://screencast.com/t/JzEkX0BTpb

    Url: http://mock.recrate.hansstorrie.com/

    I would like the prices displayed the same as the actual shop:

    http://mock.recrate.hansstorrie.com/shop/

    Many thanks!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.