text hover colour change in SELA theme

• 

  lyssarutherford · Member · Nov 10, 2015 at 1:47 am

  • Copy link
  • Add topic to favorites

  Hello there,

  I need help with changing the CSS for the drop-down text colour and hover text, in my main navigation please.

  I’m using the SELA theme and I’ve managed to change the overall hover colour in the main nav, but it includes everything in the drop list, rather than the one item it’s hovering on – if that makes sense… Ideally I’d like the hover to be the gold colour and the rest white, and with the selected item to be a different colour to the grey shown (haven’t chosen colour yet) – but again I can’t seem to change that either…

  Also I’d like to centralise the copyright line in my footer – any ‘text-align: center;’ code I’ve put in just doesn’t work unfortunately.

  And I’d like to change the footer background colour to black rather than grey.

  Many thanks in advance! My site is at http://www.lyssandrarutherford.com

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

• 

  nizamilputra · Member · Nov 10, 2015 at 3:55 am

  • Copy link

  Hi there,

  Let me try to help you. Please replace this css

  .main-navigation ul li:hover a {
      background: #000;
      color: #AA9950;
  }

  With this new one:

  .main-navigation ul li:hover a {
      background: #000;
  }
  .main-navigation ul > li:hover > a {
      color: #AA9950;
  }
  .main-navigation ul li:hover ul a{
    color: #fff;
  }
  .main-navigation ul li:hover ul a:hover{
    color: #AA9950;
  }

  Also I’d like to centralise the copyright line in my footer – any ‘text-align: center;’ code I’ve put in just doesn’t work unfortunately.

  footer .site-info:after{
    width: 100%;
  }

• 

  lyssarutherford · Member · Nov 10, 2015 at 1:41 pm

  • Copy link

  Thank you so much! All worked a treat! : )

• 

  nizamilputra · Member · Nov 10, 2015 at 2:24 pm

  • Copy link

  You are welcome