Trouble with styling menu items

  • Resolved readwriteandedit

    (@readwriteandedit)


    6 years, 10 months ago

    I can style a lot of items with the customizer, but I’m having trouble with a few of the menu items. For example, I can’t change the background color of the primary menu. From your style sheet, this seems to be .main-navigation ul ul li with background-color: #2E3142. Is this the correct item I should be trying to change? I tried several combinations with .main-navigation and am unable to change the background of this menu.

    I’m also unable to change the font color for menu items. I’m assuming menu items and navigation links are the same things, but maybe that’s not the case.

    Also, your style sheet indicates that there should be a change in font color for hovering over the navigation links in the menu, but when I hover over the links, there is no change in color.

    I’m guessing that these issues might all be related.

    I’m still in build mode on the site, but I can change that if you need to see anything there.

    Thanks for your help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Roman Bondar

    (@romanbon)

    6 years, 10 months ago

    Hello @readwriteandedit,

    1. Please provide some explanatory screenshots in order to illustrate what exactly you want to change. You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online services (Google Drive, Dropbox, etc.).

    2 and 3. Please create new topics for these issues in order to make it easier to help you.

    Kind Regards, Roman.

    Thread Starter readwriteandedit

    (@readwriteandedit)

    6 years, 10 months ago

    Thanks, Roman. Here’s the Dropbox link for the first item–blue background.
    I want to change the blue background behind the menu items (home, editing services, and so on). I can’t seem to create the right setup in the additional CSS to make the change. I thought it was something to do with .main-navigation, but I’ve tried a couple of options and still can’t make the color change.

    Thanks

    Beth

    Roman Bondar

    (@romanbon)

    6 years, 10 months ago

    Beth, please try to use the following CSS code.

    You can add CSS code in Dashboard → Appearance → Customize → Additional CSS (WordPress 4.7 and up).

    [off-canvas] {
    background-color: red !important;
}

    Kind Regards, Roman.

    Thread Starter readwriteandedit

    (@readwriteandedit)

    6 years, 10 months ago

    Roman, that did it for all three of the issues I asked about. Thank you. I didn’t know about the off-canvas notation.

    I may have a couple more style issues to ask about, but I’ll try again to figure those out on my own. If I can’t make them work, I’ll be back. But I’ll try not to bug you too much.

    Beth

    Roman Bondar

    (@romanbon)

    6 years, 10 months ago

    Great! You are welcome Beth 🙂

    Kind Regards, Roman.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Trouble with styling menu items’ is closed to new replies.