Using a "fill" colour with the menu

• 

  imveryape · Member · Aug 1, 2014 at 9:07 pm

  • Copy link
  • Add topic to favorites

  Hello all,

  Because of different size monitors, sometimes the menu on my home page gets muddled by the buildings, instead of being clear against the clouds. Is there a way to “fill” the space of the menu with a solid colour so that the menu items can be easily seen?

  Thanks,

  Chris

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

• 

  francisbob · Member · Aug 1, 2014 at 9:20 pm

  • Copy link

  Hi !

  Did you already modify the CSS ? A prettier option would be to add ‘text-shadow’ so you would have a ‘limited background’ behind letters. Something like that would work :

  .menu-item a{
    text-shadow: 2px 2px #000000;
  }
  .menu-item a:hover{
    text-shadow:0 0 #ffffff;
  }
  .menu-item a:active{
    text-shadow:0 0 #ffffff;
  }

• 

  imveryape · Member · Aug 1, 2014 at 9:31 pm

  • Copy link

  Thanks, I’ll give it a shot. How do I restrict it to just the Home page?

• 

  francisbob · Member · Aug 1, 2014 at 9:34 pm

  • Copy link

  Yep !

  .home .menu-item a{
    text-shadow: 2px 2px #000000;
  }
  .home .menu-item a:hover{
    text-shadow:0 0 #ffffff;
  }
  .home .menu-item a:active{
    text-shadow:0 0 #ffffff;
  }

• 

  imveryape · Member · Aug 1, 2014 at 9:35 pm

  • Copy link

  I wasn’t a huge fan of the shadow. Would you know how to fill the area so I could try?

• 

  francisbob · Member · Aug 1, 2014 at 9:42 pm

  • Copy link

  .home .menu{
    background:rgba(255,255,255,1);
  }

  You can change for the color you want, and the last parameter is opacity.

• 

  imveryape · Member · Aug 3, 2014 at 2:45 am

  • Copy link

  Do you mean the number 1 is opacity? How would I change opacity?

  Thanks again for your help!

• 

  imveryape · Member · Aug 3, 2014 at 2:56 am

  • Copy link

  I was wondering how to reverse the home page title colour and hover colour, then the menu background to black and the menu words to white and hover colour to that aqua. Would you know how to do that?

• 

  imveryape · Member · Aug 3, 2014 at 2:57 am

  • Copy link

  and the menu adjustment just be for the home page

• 

  imveryape · Member · Aug 3, 2014 at 3:03 am

  • Copy link

  I got the home page title down, just need to get the menu

• 

  francisbob · Member · Aug 7, 2014 at 8:39 pm

  • Copy link

  Were you able to change the menu colors ? Write back if you need help !

  Sorry for the delay, was away on camping :)

• 

  imveryape · Member · Aug 8, 2014 at 2:28 am

  • Copy link

  Ya, the white background worked. But I’m wondering what I manipulate in what you gave me to change the fill to black. And what do I manipulate (and how) to change the opacity?

  Again, thanks for your help.

• 

  francisbob · Member · Aug 8, 2014 at 1:44 pm

  • Copy link

  Ok,

  Instead of text-shadow, write color:#000000; that will make the text go black.

• 

  imveryape · Member · Aug 8, 2014 at 6:43 pm

  • Copy link

  I was wondering about the background fill behind the menu text. How do I make that black? And how do I change opacity?