Charity theme – make menu bar darker

[Helen]

Hi, I would like to make the transparent menu bar which is overlaid by the menu items less transparent – it needs to look much darker for my page design to work. Can you please tell me where the css code is so that I can amend it?

Thanks, Helen

[Sonnal S Sinha]

Kindly show us the website URL.

Regards,
Shri

[Helen]

Thanks – http://www.empathydesign.co.uk/16/autumn-training-courses/
Password protect – name: lesley, pw jfemp0516

This is the most extreme example – I particularly want to leave the menu text colour white,

Helen

[Helen]

Thanks for your reply – is there any way I can add the code to the custom css? I could do with playing around with the transparency,

Helen

[Sonnal S Sinha]

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.header .header-inner .nav ul li a { color:#000 !important;}
.header .header-inner .nav ul li a:hover { color:#9e015a !important;}

Regards,
Shri

[Helen]

HI, thanks, but this isn’t what I asked for. This is changing the text colour for the menu items, whereas what I want to do is change the transparency of the menu bar background. I know how to do this via the css, but am having difficulty finding the rule,

Helen

[Sonnal S Sinha]

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.header, .header .header-inner .nav ul li:hover > ul { background-color:rgba(0, 0, 0, 0.8) !important;}

Regards,
Shri

[Michael]

I have the same theme and same question posted. I added the css and nothing changed. Do I adjust the 0.8?

I changed it from 1.0, 2.0, 4.0, 8.0 and do see any change?

[Michael]

Figured it out, you need to put this code in the custom css area:
.header{ background-color:rgba(0, 0, 0, 0.6) !important;}

Adjust the 0.6 up or down to your liking. (ie: 0.8 or 0.7 or 0.6, etc…)

[Helen]

Thanks – I’m finding the original code supplied works fine, also with an adjustment to 0.6 – 0.8 loses a little too much of the transparency,

Helen

[Sonnal S Sinha]

🙂

[Author]

Posts