Modifying the header? - by jonarobinson - on WordPress WooCommerce support

This topic has 5 replies, 3 voices, and was last updated 8 years, 2 months ago ago by Rose Tyler

  • Avatar: jonarobinson
    jonarobinson
    Participant
    September 23, 2016 at 09:14

    Hi,

    Currently working on a test website, you can view it here:

    http://test.crossling.co.uk/

    As you can see in the header, theres a few things I would like to change, however, I cant seem to do that from the theme options panel and was hoping for a bit of guidance?

    1. I want to remove the currency and language icons in the top left of the header?

    2. I want to change the background colour of the ‘top bar’ from grey to a flat white?

    3. I want to change the text colour at the top right for ‘Sign Up’ etc to blue?

    4. I want to change the text colour at the middle left for ‘Have a query?..’ to white so it stands out?

    If anyone could show me how to change these I would be hugely grateful!

    Thank you very much for any help in advance!
    John

    🙂

    4 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 23, 2016 at 09:40

    Hello,

    1. Go to Appearance > Widgets > add empty text widget in “Left side top bar area” section.

    2. Add this css code in Theme Options > Custom CSS > Global CUstom CSS:

    .top-bar {
        background-color: #fff !important;
    }

    3. Use the css code:

    .top-links a {
        color: blue !important;
    }

    4. Here is the css code:

    .tbs.blog-description p {
        color: #fff !important;
    }

    Best regards,
    Jack Richardson.

    Avatar: jonarobinson
    jonarobinson
    Participant
    September 23, 2016 at 11:00

    THank you very much!

    Worked perfectly, great support.

    John

    Avatar: jonarobinson
    jonarobinson
    Participant
    September 23, 2016 at 11:06

    If i was to update my theme in the future would I loose these settings?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 23, 2016 at 11:23

    Hello,

    Don’t worry, all the CSS styles placed in Global Custom CSS will not be lost after upgrading the theme in the future.

    Regards,
    Rose Tyler.

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

You must be logged in to reply to this topic.Log in/Sign up

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.