Return to previous page

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

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

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

🙂

#140565 Copied

4 Answers
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.
#140570 Copied
jonarobinson

Participant

September 23, 2016 at 11:00

THank you very much!

Worked perfectly, great support.

John

#140581 Copied

jonarobinson

Participant

September 23, 2016 at 11:06

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

#140586 Copied

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.

#140587 Copied
Viewing 5 results - 1 through 5 (of 5 total)