Red Background in menu items

  • maxgriffintulsa

    (@maxgriffintulsa)


    7 months ago

    I can change the font color for the menu items in the sidebar to WHITE and all is well. Changing it to BLACK–the color I WANT– or basically any OTHER color than the default results in a red background in the menu items. I’ve tried various CSS changes, like setting the a:visited to the color of the background:

    .menu-unset a:visited { 
      color: #.menu-unset a:visited { 
      color: #a020f0;

    I’ve also tried setting this to transparent and other other colors. the ONLY thing that gets rid of the red background is WHITE.

    What am I doing wrong?

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Theme Author Ben Sibley

    (@bensibley)

    7 months ago

    Hi there,

    Thanks for using Author!

    You can add the following CSS to your site to make the menu items white:

    #menu-primary a,
    #menu-primary a:link,
    #menu-primary a:visited {
      color: #fff;
    }

    You can copy and paste this into the Custom CSS section in the Customizer (Appearance > Customize), and it will take effect right away.

    Thread Starter maxgriffintulsa

    (@maxgriffintulsa)

    7 months ago

    Thanks, but I want them to be BLACK, with no red background.

    Thread Starter maxgriffintulsa

    (@maxgriffintulsa)

    7 months ago

    Using this code with BLACK for color or #000 for color turns the font to black with red background.

    menu-primary a, menu-primary a:link, menu-primary a:visited {

    color: black;
    }

    Theme Author Ben Sibley

    (@bensibley)

    7 months ago

    Sorry for misunderstanding. The menu items are already black when I visit the site: https://d.pr/i/cIczkx

    However, you can add this CSS if you’d like to make sure the links are black: 

    #menu-primary a,
    #menu-primary a:link,
    #menu-primary a:visited {
      color: #fff;
    }

    This is not going to add a red background anywhere.

    Thread Starter maxgriffintulsa

    (@maxgriffintulsa)

    7 months ago

    Adding the code turns them white. I already knew how to do that.

    Theme Author Ben Sibley

    (@bensibley)

    7 months ago

    Sorry, dumb mistake on my part. I forgot to change the color from white to black. This will work:

    #menu-primary a,
    #menu-primary a:link,
    #menu-primary a:visited {
      color: #000;
    }

    Please make sure there isn’t any other CSS with syntax errors or that could prevent this code from applying.

    Thread Starter maxgriffintulsa

    (@maxgriffintulsa)

    7 months ago

    That did it!!! I could swear I’d tried that exact thing before posting here. I know I tried it with “black” and #000000.

    In any case, thank you for the quick response!

    I absolutely love this Theme. It’s flexible and perfect for an author website. Thank you again.

    Theme Author Ben Sibley

    (@bensibley)

    7 months ago

    You’re welcome! I’m happy to hear that you’re enjoying the Author theme 🙂

    Feel free to post here if you need anything else.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Red Background in menu items’ is closed to new replies.