Change Header Colors - by hostpuppies - on WordPress WooCommerce support

This topic has 21 replies, 4 voices, and was last updated 9 years, 12 months ago ago by Robert Hall

  • Avatar: hostpuppies
    hostpuppies
    Participant
    October 11, 2014 at 21:51

    Most of the headers to choose from are solid white. How do I change them to pink?

    20 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    October 13, 2014 at 08:39

    Hello,

    Please provide us with your site link to assist you.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: hostpuppies
    hostpuppies
    Participant
    October 13, 2014 at 20:23

    Ok. the link is http://olympiabeautystore.com.previewdns.com/ Client wants to change the header at the top from white to pink.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 13, 2014 at 20:31

    Hello,

    Try to add this code into custom.css file.

    header {
    background: pink;
    }

    Regards,
    Robert Hall.

    Avatar: hostpuppies
    hostpuppies
    Participant
    October 16, 2014 at 00:07

    can the code also accomodate hex codes for color to get a specific color?

    Avatar: hostpuppies
    hostpuppies
    Participant
    October 16, 2014 at 00:21

    Code did not work. Nothing changed

    Avatar: Eva
    Eva Kemp
    Support staff
    October 16, 2014 at 12:00

    Hello,

    Please try to use this code:

    .header-wrapper.header-type-10.header-scrolling {
    background-color: #FF99B3 !important;
    }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: hostpuppies
    hostpuppies
    Participant
    October 17, 2014 at 03:10

    no. didnt work for some reason

    Avatar: Eva
    Eva Kemp
    Support staff
    October 17, 2014 at 12:11

    Hello,

    Please provide us with wp-admin panel credentials to check the issue.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: hostpuppies
    hostpuppies
    Participant
    October 17, 2014 at 19:26

    Ok. here you go. thank you

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 18, 2014 at 05:31

    Hello,

    I’ve added code into custom.css file same as I wrote above and it’s works well. Check it.

    Regards,
    Robert Hall.

    Avatar: hostpuppies
    hostpuppies
    Participant
    November 15, 2014 at 04:44

    Robert do you remember what coed you put into the file? My client wanted it changed back to white and I removed the code.

    Avatar: Eva
    Eva Kemp
    Support staff
    November 15, 2014 at 15:22

    Hello,

    To change header background color use this code in custom.css file:

    header, .fixed-header-area {
      background-color: pink !important;
    }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: hostpuppies
    hostpuppies
    Participant
    November 16, 2014 at 18:58

    ok she is now using header type 2. the code you gave me doesnt work btw

    Avatar: Eva
    Eva Kemp
    Support staff
    November 17, 2014 at 13:53

    Hello,

    Please provide us with the correct wp-admin panel credentials in Private Content.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: hostpuppies
    hostpuppies
    Participant
    November 17, 2014 at 21:57

    Ok. this will be for a different url.

    See private area

    Please, contact administrator
    for this information.
    Avatar: Nebulas
    Nebulas
    Participant
    November 18, 2014 at 01:06

    I have the same problem:
    first of all I chose the type of header in Theme Option.
    I set my custom color in custom.css and in my home page works perfectly.

    I created an About us page, but the header hasn’t the color settings. I tried to change color but now I have to edit all the and .

    Why you did not think to put this function in Theme Option?!

    http://terapeak.azurewebsites.net/chi-siamo/

    Avatar: Eva
    Eva Kemp
    Support staff
    November 18, 2014 at 14:46

    Hello @hostpuppies,

    You had Custom CSS disabled in Theme Options > Custom CSS. I’ve enabled it and the changes are visible now.
    Please check and clear browser cache before.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Eva
    Eva Kemp
    Support staff
    November 18, 2014 at 15:04

    Hello @Nebulas,

    Please specify what problem you’re experiencing currently.
    Also provide us with wp-admin panel credentials in Private Content.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: hostpuppies
    hostpuppies
    Participant
    November 20, 2014 at 06:21

    Thank you. looks awesome still cant see what changes you have made but its the right color

    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 20, 2014 at 08:23

    Hello hostpuppies,

    You’re welcome!

    Regards,
    Robert Hall.

  • Viewing 21 results - 1 through 21 (of 21 total)

The issue related to '‘Change Header Colors’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.