Charity theme – make menu bar darker

Home Forums All Other Themes Charity theme – make menu bar darker

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #42603
    Helen
    Member
    • Topics: 19
    • Replies: 42
    • Total: 61
    Member since: May 11, 2016

    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

    #42610
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6705
    • Total: 6713
    Member since: June 12, 2013

    Kindly show us the website URL.

    Regards,
    Shri

    #42614
    Helen
    Member
    • Topics: 19
    • Replies: 42
    • Total: 61
    Member since: May 11, 2016

    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

    #42651
    Helen
    Member
    • Topics: 19
    • Replies: 42
    • Total: 61
    Member since: May 11, 2016

    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

    #42652
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6705
    • Total: 6713
    Member since: June 12, 2013

    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

    #43029
    Helen
    Member
    • Topics: 19
    • Replies: 42
    • Total: 61
    Member since: May 11, 2016

    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

    #43074
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6705
    • Total: 6713
    Member since: June 12, 2013

    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

    #43093
    Michael
    Participant
    • Topics: 33
    • Replies: 64
    • Total: 97
    Member since: June 12, 2016

    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?

    #43121
    Michael
    Participant
    • Topics: 33
    • Replies: 64
    • Total: 97
    Member since: June 12, 2016

    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…)

    #43134
    Helen
    Member
    • Topics: 19
    • Replies: 42
    • Total: 61
    Member since: May 11, 2016

    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

    #43150
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6705
    • Total: 6713
    Member since: June 12, 2013

    🙂

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.