Desperately need help from a CSS wizard!

  • 1
  • Question
  • Updated 5 years ago
  • Answered
Could anybody with genius code writing skills help me? I really want to add block colour to my side navigation bar. Sort of similar to this website: http://www.cokethorpe.org.uk
but I'm seriously lacking in CSS skills. I have a Gold account, so it would allow me to write my own CSS, if only I knew how! I can get block colour to appear when I hover over the menu but I want the block to stay there all the time.
Photo of littlemisscharlotte

littlemisscharlotte

  • 2 Posts
  • 0 Reply Likes
  • confused and a little sad

Posted 5 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Can you tell us your website name?
Photo of littlemisscharlotte

littlemisscharlotte

  • 2 Posts
  • 0 Reply Likes
Hi Gop,

That's a really good point, I should really have said!! It's www.smhassociation.org

:-)
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Try this CSS over-rides and see. I can't test it locally as I do not know the Style you are using. It may also depend on whether or not you are using the Style Designer which tends to over-ride subsequent settings.

Let me know how it goes and I can try further if unsuccessful.

Gop.
div#menu ul li:hover{

background:#6cadd5;
}

div#menu ul li:hover a{
color::#fff;
}

div#menu ul li.selected{
background:#6cadd5;
}

div#menu ul li.selected a{
color::#fff;
}

div#menu ul li.active{
background:#6cadd5;
}

div#menu ul li.active a{
color::#fff;


The style of the navigation is being taken from the site style and simply brought in. There isn't a separate facility available to set a different background for the menu specifically. It may be worth your while exploring other styles to allow for this.