Menu Colour

Resolved comco
(@comco)

9 years, 5 months ago

Hi

I cannot change my menu drop down colour. I can only change the first section where you hover over the choices for the drop-down to appear. Also the first bar along the top with the contact info in, needs to be changed too

I am currently using the following code:
.navbar .navbar-nav > .open > a { background-color: #DD9933 !important; }.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus }

I have tried to attach image to help explain, but it wont allow me to on here.

Please can you advise?

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

Imran Ali
(@imranaliweb)

9 years, 5 months ago

Hi @comco

Please share your website URL

Thanks

Thread Starter comco
(@comco)

9 years, 5 months ago

http://www.commercialandco.co.uk/

Many thanks

Imran Ali
(@imranaliweb)

9 years, 5 months ago

HI

Kindly use below code in custom css Filed

.dropdown-menu > li > a:hover
{
color:#dd9933 !important;
}

Change color as your need.

Thanks

Thread Starter comco
(@comco)

9 years, 5 months ago

Hi

That doesn’t seem to be working. Still only the right colour when you hover over option. Also the main banner across the top with the contact info in, needs changing too.

Please can you advise?

Thanks
Imran Ali
(@imranaliweb)

9 years, 5 months ago
Hi

Kindly use below code in custom css Filed
```
.navbar .navbar-nav > .active > a, 
.navbar .navbar-nav > .active > a:hover, 
.navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > .open > a, 
.navbar .navbar-nav > .open > a:hover, 
.navbar .navbar-nav > .open > a:focus, .navbar .navbar-nav > li > a:hover, 
.navbar .navbar-nav > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus
{
background-color:#dd9933 !important;
}
```
```
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus
{
color:#dd9933 !important;
}
```
Then use above code in custom css filed then clear cache memory then check your website.

Thanks
Thread Starter comco
(@comco)

9 years, 5 months ago

Can you please advise how I clear my cache memory? I cannot see the option and don’t want to loose any work

Thanks
Imran Ali
(@imranaliweb)

9 years, 5 months ago
Hi

Kindly follow below URL and clear you browser cache memory

https://support.google.com/accounts/answer/32050?hl=en

Your website currently fine at our end, Please check

Thanks
- This reply was modified 9 years, 5 months ago by Imran Ali.
Thread Starter comco
(@comco)

9 years, 5 months ago

Many thanks.

This has worked, thank you. However I am still needing to change the main banner with the contact info in- this is still blue. Also within the dropdown menu the breaks between each option is still blue.

Also I need to change the text colour on the homepage – it is the services title and description text.

Many thanks
Imran Ali
(@imranaliweb)

9 years, 5 months ago
Hi

Kindly use below code in custom css filed
```
.blog-post-title-wrapper h2, .section_heading_title h1, .section_heading_title p
{
color:#dd9933 !important;
}
```
and please do not create multiple query in one ticket.

Thanks
Thread Starter comco
(@comco)

9 years, 5 months ago

my apologies. That has worked. thank you

However I am still needing to change (within in the menu) – the top section with the contact info is still blue! Please can you advise?
Imran Ali
(@imranaliweb)

9 years, 5 months ago
Hi @comco

Kindly use below code in custom css field
```
.breadcrumbs > li >.active
{
color:#dd9933 !important;
}

.header-top-area, .sidebar-widget-tab > .active a, .pagetitle-separator-box {
    background: none repeat scroll 0 0 #dd9933 !important;
}
```
If you happy with this theme and support please share your feedback refer below link.

https://wordpress.org/support/theme/wallstreet/reviews/#new-post

Thanks
- This reply was modified 9 years, 5 months ago by Imran Ali.
Thread Starter comco
(@comco)

9 years, 5 months ago

Brilliant, thank you

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

The topic ‘Menu Colour’ is closed to new replies.