Home › Forums › All Other Themes › Charity theme – make menu bar darker
- This topic has 10 replies, 3 voices, and was last updated 8 years, 4 months ago by Sonl Sinha.
-
AuthorPosts
-
August 3, 2016 at 7:30 am #42603
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
August 3, 2016 at 7:48 am #42610Kindly show us the website URL.
Regards,
ShriAugust 3, 2016 at 9:47 am #42614Thanks – http://www.empathydesign.co.uk/16/autumn-training-courses/
Password protect – name: lesley, pw jfemp0516This is the most extreme example – I particularly want to leave the menu text colour white,
Helen
August 3, 2016 at 11:35 am #42651Thanks 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
August 3, 2016 at 12:15 pm #42652Kindly 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,
ShriAugust 8, 2016 at 7:45 am #43029HI, 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
August 8, 2016 at 1:01 pm #43074Kindly 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,
ShriAugust 8, 2016 at 2:35 pm #43093I 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?
August 9, 2016 at 1:49 am #43121Figured 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…)
August 9, 2016 at 6:49 am #43134Thanks – 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
August 9, 2016 at 8:52 am #43150🙂
-
AuthorPosts
- You must be logged in to reply to this topic.