Return to previous page

Header Issues (TOP BAR) - by jonarobinson

This topic has 4 replies, 3 voices, and was last updated 8 years ago ago by Jack Richardson

jonarobinson

Participant

November 22, 2016 at 14:54

Hi,

Just looking to change a few things regarding my website header.

If you visit my website, I beleive you call the section the ‘Top Bar’, i was hoping to change the colours – currently it is set to a grey colour (f2f2f2) and I want to change this to my primary website colour which is blue (003399) however this would mean I need to change the font colour on the top bar to white to compensate for the top bar background changing? So how can i change my topbar to blue with a white font ontop of that.

Also, for some reason, my Register button is not showing up at the top right? How do i enable this?

Thanks,
John

#146591 Copied

3 Answers
Rose Tyler

Support staff

November 22, 2016 at 16:30
Hello,

Please, add this code in Custom CSS:
```
.header-type-6 .top-bar {
    background-color: #003399;
    color: white;
}
.header-type-6 .top-bar a {
    color: white;
}
```
https://8theme.com/demo/docs/woopress/index.html#!/5_registration_page

Regards,
Rose Tyler.
#146600 Copied
jonarobinson

Participant

November 22, 2016 at 17:24

Hi Rose,

Thanks very much for your help that was perfect.

Thanks,
John

#146618 Copied

Jack Richardson

Support staff

November 22, 2016 at 18:59

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#146640 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Header Issues (TOP BAR)’' has been successfully resolved, and the topic is now closed for further responses

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Marseille 02 – WordPress WooCommerce Theme

lazy-placeholder

Corporate – WordPress WooCommerce Theme

lazy-placeholder

Luxury Jewelry Store – WordPress WooCommerce Theme

lazy-placeholder

Games Dark – WordPress WooCommerce Theme

lazy-placeholder

Cocktails Store – WordPress WooCommerce Theme

lazy-placeholder

Finances – WordPress WooCommerce Theme

lazy-placeholder

Interior – WordPress WooCommerce Theme

lazy-placeholder

Tea Store – WordPress WooCommerce Theme

lazy-placeholder

Phone Service – WordPress WooCommerce Theme

lazy-placeholder

X-Phone Store – WordPress WooCommerce Theme

See All Templates

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