Support » Theme: Sauna Lite » Change mobile menu background color

  • I have tried several of the css codes you suggested in the forum but none of them work to change the background color from purple – can you help please. I have looked at the videos suggested and they are for the neve theme and i don’t have the same customize options for the header in sauna lite

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter bebeblu

    (@bebeblu)

    also — is there a way to make the menu font bigger? the other fonts I can add a size but nothing changes the menu – which is apparently the “a” tag ….

    one last thing — if I add a color to the customize section, it turns all the text that color, even if I have a different color specified on the actual page … for instance if I make “paragraph” blue, the text I have in red also turns blue. If I don’t specify a color, the text shows in red. How can I avoid this?

    Theme Author Themescaliber

    (@mohammedashfaque)

    Hello,

    To change the background color of header, please follow the below steps.

    Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste below css in additional css.

    #header{
    background-color: Add color code here !important;
    }

    To make the menu font bigger, please follow the below steps.

    Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Header Section >> Navigation Font Size, here you can change the menu font size.

    To change the paragraph color of whole theme, please follow the below steps.

    Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Color / Font Pallete >> Paragraph color, here you can change the paragraph color.

    Thank You.

    Thread Starter bebeblu

    (@bebeblu)

    The menu font changed worked — not sure how I missed that ..

    I don’t need to change the header color, I need to change the mobile menu color from purple to a lighter color, so your css code did work for that

    I don’t want to change the paragraph color for the whole theme because I have different colors on my page. BUT if I don’t use the customize color as you suggested, some of the items like the footer are left white.

    Plus my dashboard header is black until I actually open the dashboard .. really hard to read it

    hhpnc.com

    Thread Starter bebeblu

    (@bebeblu)

    Hi – I am still trying to get this fixed,

    Theme Author Themescaliber

    (@mohammedashfaque)

    Hello,

    To change the mobile menu header color, please follow the below steps.

    Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste below css here.

    .side-menu{
    background-color: Add color code here !important;
    }

    To change the footer text color, please follow the below steps.

    Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste below css here.

    .copyright p{
    color: Add color code here !important;
    }

    To change the header text color of the dashboard, please follow the below steps.

    Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste below css here.

    .wp-admin a{
    color: #ffffff !important;
    }

    Thank You.

    Thread Starter bebeblu

    (@bebeblu)

    great – the mobile menu and footer text color both worked

    The dashboard change didn’t work – in the admin mode I can see it fine but if I click on visit site from the dashboard – that is when the dashboard header background is black. I tried changing your code suggestion to

    .wp-admin a{
    background-color: #ffffff !important;
    }
    but that didn’t change it either. This text color seems to be determined by the “a” Tag Color, because when I changed that to white or a lighter color, it changed the color so I could see it. That also change the color of my menu text but I guess that will have to do.

    Theme Author Themescaliber

    (@mohammedashfaque)

    You can use this css to change the header text color of the dashboard, please follow the below steps.

    Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste below css here.

    #wpadminbar a{
    color: #ffffff !important;
    }

    Thank You.

    Thread Starter bebeblu

    (@bebeblu)

    Thanks — I think that worked!

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