Viewing 9 replies - 1 through 9 (of 9 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The colour of the text?

    Thread Starter alvoeiro

    (@alvoeiro)

    text and background

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you’re not using a Child Theme, and if the theme doesn’t have a section for CSS modifications then do the following:

    1. Install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
    2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
    3. (put this code in)

      
      /* The background colour */
      .navigation-top,
      .main-navigation ul {
          background: black;
      }
      
      /* The text colour */
      .navigation-top a,
      .menu-toggle {
          color: white;
      }
      
    4. Save

    Alternatively use your Child Theme style.css file to hold your CSS modifications

    Thread Starter alvoeiro

    (@alvoeiro)

    how i remove white border?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try this code instead:

    
    /* The background colour */
    .navigation-top,
    .main-navigation ul {
        background: black;
        border: 0;
    }
    
    /* The text colour */
    .navigation-top a,
    .menu-toggle {
        color: black;
    }
    
    bobferg

    (@bobferg)

    /* The background colour */
    .navigation-top,
    .main-navigation ul {
    background: black;
    border: 0;
    }
    I tried this but it didn’t work.

    I have the same problem.
    I tried to adapt :

    /* The background colour */
    .navigation-top,
    .main-navigation ul {
    background: black;
    }

    /* The text colour */
    .navigation-top a,
    .menu-toggle {
    color: white;
    }

    -or-

    .navigation-top {
    background: #fff;

    to another #color code.

    + a few other adaptations in the css ‘navigation’
    but nothing seems to work? or impact anything, nor the size nor the color?

    is there anyone out there that can help me change the navigation background to a dark scheme, and light font?

    many thanks in advance for your kind response…

    Gaëlle

    ps:the site i am trying to find help for is:
    http://www.templeoftheearth.org
    😉

    .navigation-top a,
    .menu-toggle {
    color: white;
    }

    Andrew, I have been scouring forums and attempting code for FOUR HOURS just to get the word “Menu” to be white in mobile view and you provided an answer that worked. BLESS YOU.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘change menu color’ is closed to new replies.