Menu colour change not working

10 posts from 3 voices

• Started 1 year ago by MarcG5
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   MarcG5
   Member

   Hi Guys,

   Not too sure whats happening here but I'm trying to change the menu colour to #e46ba8. I've changed the below code in style1.css but the colour has not changed. Any ideas?

   #top #head .nav ul li a {
   border:1px solid #eee;
   border-bottom: none;
   color:#e46ba8;
   background: url("../images/skin1/bg_gradiant_stripe_top.png") 0px -20px #fff;
   }

   #top .nav .current-menu-item a strong{
   color:#e46ba8;
   font-weight: bold;
   }

   The site is http://www.marcgodfreeweddings.co.uk

   Cheers
   Marc

   Posted 1 year ago #
2. 

   Dude
   Dude

   Hey,
   try to add following code to style1.css (at the very bottom) and adjust the color:
   

   .nav li a strong{
    color: #444444 !important;
   }
   
   #top .nav .current-menu-item a strong {
       color: #444444 !important;
   }

   Posted 1 year ago #
3. 

   MarcG5
   Member

   Thanks Dude,

   Tried that and still no joy :-( Are there other lines of code that could be overiding the chosen colour selection?

   Thanks again
   Marc

   Posted 1 year ago #
4. 

   Dude
   Dude

   Hey,
   I added the important attribute to the Code above - please try it again.

   Posted 1 year ago #
5. 

   MarcG5
   Member

   Thanks Dude - this worked a treat!

   One last question about the menu. How can I move the menu to start from the left, as opposed to starting from the right?

   Thanks
   Marc

   Posted 1 year ago #
6. 

   James Morrison
   Former Team Member

   Hey,

   You site appears to be down at the moment, will check again later.

   James

   Posted 1 year ago #
7. 

   MarcG5
   Member

   Thanks James - it seems that BT had an caused a few problems with my hosting company today. All should be fixed now.

   Posted 1 year ago #
8. 

   Dude
   Dude

   Hey,
   in style.css replace following code:
   

   #top .nav{
   height:50px;
   line-height:30px;
   padding-left:13px;
   right:0px;
   position:absolute;
   z-index:100;
   top:90px;
   }

   with:
   

   #top .nav{
   height:50px;
   line-height:30px;
   padding-left:13px;
   left:0px;
   position:absolute;
   z-index:100;
   top:90px;
   }

   Posted 1 year ago #
9. 

   MarcG5
   Member

   Thanks Dude,

   The change worked, but I decided to stick with the nav on the left - it looks a lot neater!

   Cheers
   Marc

   Posted 1 year ago #
10. 

    Dude
    Dude

    Glad that it worked :)

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.