• Resolved morganelite

    (@morganelite)


    I am trying to change the colors for:

    “Proceed to checkout”
    “Apply Coupon” in the buttons on the WooCommerce Cart page

    Section header colors in WooCommerce
    Subtitle header colors

    Also where is the default colors code (and background color settings) for the headers (Billing, Shipping, etc.) located. Currently it is set to brown.

Viewing 15 replies - 1 through 15 (of 18 total)
  • Stef

    (@serafinnyc)

    What theme are you using? Those are set by whatever theme you’re using usually.

    Check for options somewhere. Often times they’re in Appearance > Customizer > Style

    Thread Starter morganelite

    (@morganelite)

    Hello I’m using Bread and Cake. I have not been able to locate it in style or theme php

    Stef

    (@serafinnyc)

    Did you go where I advised you above?

    Thread Starter morganelite

    (@morganelite)

    Yes, the following code is what I found, and change it to #FFFFFF but nothing changed

    body#tinymce.wp-editor {
    font-family: ‘Roboto’,Arial;
    margin: 10px;
    }

    body#tinymce.wp-editor a {
    color:#FFFFFF; /*#5E5340;*/

    Stef

    (@serafinnyc)

    So that’s not what I’m referring to. Can you take a screenshot of the options inside your Customizer?

    Then use something like Imgur to post it here.

    • This reply was modified 4 years, 6 months ago by Stef.
    Thread Starter morganelite

    (@morganelite)

    Stef

    (@serafinnyc)

    Thanks for those. Please don’t edit those files unless you are really comfortable doing so.

    This is not where I stated you go. Let me try this again.

    Appearance > Customize > Styles

    Does your theme have anything there? Take screenshots of that area.

    • This reply was modified 4 years, 6 months ago by Stef.
    Thread Starter morganelite

    (@morganelite)

    I located the following and was able to change the gray to red. I did this before I read you advice not to do so..

    /*THE FOLLOWING IS THE LOCATION TO CHANGE THE COLOR FOR THE TEXT */
    body {
    margin: 0;
    padding: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font: 15px/22px ‘Roboto’;
    color: #FF0000;/*#7c7b7b;*/
    background-color:#f1f1f1;

    Also This theme only has the following and under colors the colors are totally different than what appears.

    View post on imgur.com

    View post on imgur.com

    Stef

    (@serafinnyc)

    That’s the spot. Good. You should never have to touch the theme’s style sheets ever. You can write styles inside the Additional CSS tab and what appears to be Simple Custom CSS.

    Also see what they have inside the WooCommerce tab there as well.

    Additionally, without seeing a URL you’ll have to find the selector you want to make a change to and override the css style on it.

    
    .add_to_cart_button{
      background:blue !important;
      color:#fff !important; 
    }
    
    

    Just as an example

    Thread Starter morganelite

    (@morganelite)

    OOPs what should I do now that I changed the theme’s style sheet? I commented what I changed so I can remove it.

    Thread Starter morganelite

    (@morganelite)

    Also thanks

    Stef

    (@serafinnyc)

    You got it. Remove any css you wrote there and add it to additional css.

    You should only edit files in a child theme and only thru FTP so if you make a mistake and the site crashes you can revert back and fix your mistake.

    You wouldn’t be able to where you did. Yours be locked out of your site.

    Thread Starter morganelite

    (@morganelite)

    The following are the changes…black was previously brown

    View post on imgur.com

    Thread Starter morganelite

    (@morganelite)

    Thank you very much for ALL your help!!!! I removed all the code from the child theme backed up the website and added all the .css edited in the child theme to the additional .css location under the customizer

    I did not make any additional changes just copied and pasted.

    Stef

    (@serafinnyc)

    So are you all set now?

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Changing the default colors (Headers, titles, background colors)’ is closed to new replies.