Color or the menu and sub menu are not same.

penningpassionblog · Member · Jul 30, 2017 at 4:54 pm
Copy link

Add topic to favorites
How to change the color of sub menu….

currently the menu’s color is blue and the sub menu is white…i want the color of sub menu equivalent to the color of the menu.

Please suggest how to do it.

Thanks
PP.

The blog I need help with is: (visible only to logged in users)
musicdoc1 · Member · Jul 30, 2017 at 6:31 pm
Copy link
Hi PP.,

That would require CSS customization. If you have Custom CSS, then I’d suggest that you either add a “modlook” tag to the sidebar at right here to call for staff attention, or submit a request at the CSS Customization forum.
archanasolanki11 · Member · Jul 31, 2017 at 11:47 am
Copy link
Hi PP,

If you have custom CSS, please add this CSS code:
```
.main-navigation ul ul {
    background-color: #74ccd1;
}
```
Let me know if that helps!
penningpassionblog · Member · Jul 31, 2017 at 12:37 pm
Copy link
How to make the font width bold for sub menus?

I tried using font-weight :bold; in same css code
archanasolanki11 · Member · Jul 31, 2017 at 1:14 pm
Copy link
To change the font from normal to bold, you need to use .main-navigation ul ul a CSS class.

Note: This will change the main menu fonts to bold too! Because the anchor of main menu and sub menu uses the same class.

Hope that helps.
kathrynwp · Staff · Jul 31, 2017 at 3:41 pm
Copy link
Hi there – I don’t see a Premium or Business plan at penningpassionblog.wordpress.com – so you won’t be able to add custom CSS at the moment. Are you referring to a different site? Changing menu colours and font weight require Custom CSS, which is available with the Premium or Business plans.

If you decide to upgrade, let us know and we can provide further assistance.
penningpassionblog · Member · Aug 1, 2017 at 10:11 am
Copy link
@archanasolanki11 how to write this both CSS classes for single sub menu in one Custom CSS.
.main-navigation ul ul {
background-color: #74ccd1;
}

and this

.main-navigation ul ul a

how to merge both the codes ? what will be the separtor?
archanasolanki11 · Member · Aug 1, 2017 at 11:10 am
Copy link
You can write the whole CSS like
```
.main-navigation ul ul {
    background-color: #74ccd1;
}
.main-navigation ul ul a {
    font-weight: bold;
}
```
Note: As @kathrynwp said, you won’t be able to add custom CSS if you are not having premium or business plan. So, upgrade first then try to add the CSS.

Let me know if that helps.

No items found.