Mystique Theme – Menu Colors, length of drop down list and an issue with menu.

• 

  aimeebourke · Member · Oct 20, 2013 at 5:19 am

  • Copy link
  • Add topic to favorites

  Hi again! :-)

  I would like to change the color of the background colour from grey to the same off white colour used behind the regular pages and posts.

  And make the heading text colour black. But i like the way it changes when its being hovered over, and the page you have selected turns the opposite of Black background, white text, so hope fully that wont change! :-)

  When i hover over the menu it only has a small area for the heading link to fit and wraps down, can i make this longer before it wraps down? Possibly even have the font size for the menu drop down 1 size smaller?

  Also I am having an issue since putting in the CSS code that no menu is showing below the break between the featured picture and the start of pages/posts/widgets area. Have I done something wrong?

  Thank you! :-)

  The blog I need help with is: (visible only to logged in users)

• 

  aimeebourke · Member · Oct 20, 2013 at 5:59 am

  • Copy link

  Sorry Ignore the issue with menu part… my own silly fault when playing with custom menu’s. oops!

• 

  aimeebourke · Member · Oct 23, 2013 at 4:59 am

  • Copy link

  I worked out the issue with the menu issue i was having.. But i still need help with the colours of the menu.

  And also the length of text in the drop down menu before it wraps to the next line. Possibly a smaller font size?

  Thankyou.

• 

  justpi · Member · Oct 23, 2013 at 7:18 am

  • Copy link

  a) Add this:

  #access ul {
      background: none repeat scroll 0 0 #FFFFFF;
  }

  b) Add this then decrease the font size and/or increase the width:

  #access ul ul {
      font-size: 100%;
      width: 180px;
  }

• 

  aimeebourke · Member · Oct 23, 2013 at 10:02 pm

  • Copy link

  That part works like a charm! Thanks!

  Could i change the colour of the text on both menu headers as well as drop down text to be black please?

• 

  justpi · Member · Oct 23, 2013 at 11:26 pm

  • Copy link

  #access a, #access ul ul a {
      color: #000000;
  }

• 

  aimeebourke · Member · Oct 24, 2013 at 1:22 am

  • Copy link

  Thanks! :-)