• Hi, can someone help me change the theme color on my website?
    Site is http://www.pantageshair.com
    I would like to change the green at the top to a darker green and the brown background to a darker brown.

    This means my font also needs to change to white to be visible to the darker background. Can someone help please?

Viewing 4 replies - 1 through 4 (of 4 total)
  • This is all changeable, but you really need to create a child theme to put these changes in or they’ll be lost on a theme upgrade.

    If you’re not familiar watch this video first

    http://www.expand2web.com/blog/create-wordpress-child-themes-video/

    In your case the “template” on line 5 of your child theme will be “appointway” and suggest you call your directory and theme “appointwaychild”

    Then where he adds code, you’ll be looking to add

    For the header color

    .header_container {
        background: none repeat scroll 0 0 #467D08;
    }

    You’ll need to change the #467D08 to whatever colour you need.

    If you don’t know an easy way to find out the number you need for your colour – download colorcop to your PC – this will let you chose the right color, and then show you the code for it

    http://colorcop.net/

    Then for the background color add

    body {
        background: none repeat scroll 0 0 #CC9966 !important;
    }

    and change #CC9966 to the colour you want

    Then your first heading text color is

    .page_info h1 {
        color: #010101;
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 20px;
        text-align: center;
    }

    so to change this to white alter to #ffffff

    Finally your second header is

    .page_info h3 {
        color: #5C5C5C;
        font-size: 20px;
        margin-bottom: 0;
        text-align: center;
    }

    Again if you want this text white change #5C5C5C to #ffffff

    You’ll probably need to play a bit to get all that to work – I’ve just skimmed some code across and not tested it

    Have fun

    PS installing a firefox browser and installing firebug will really help you work out where code is being used, and what to change.

    The style panel shows what css code is being used that you will want to cut and change in your child theme style.css

    watch this video to get you started on this part

    Thread Starter sohowp

    (@sohowp)

    Thanks Robin. In this theme, there is an option to input Custom CSS.
    This is what I input into this Custom CSS box:

    body {
    background: #8F5B2B ! important;
    }

    It worked for the background. Very simple. So how can I input another code into this Custom CSS box for the top and font?

    Does the code I had above not work?

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Need help changing colors’ is closed to new replies.