Custom CSS for footer link and hover states

• getbold

  said

  Hello!
  I am trying to edit my footer adding a sub navigation bar and I need the hover states to be different than the default ones.
  See footer: http://s89.617.myftpupload.com/practice-areas/

  So I added custom CSS like this: (screenshot: https://prnt.sc/mpyxc6)
  #Bottom a { color: lightgray }
  #Bottom a:hover { color: FloralWhite }

  This worked for the navigation bar… but it also changed EVERY hover state in the whole bottom section. It is also applying to my buttons as well.

  I tried adding a “class name” to my chunk where I want the custom CSS to go (Screenshot: https://prnt.sc/mpyvew) …. and replaced the above CSS with:
  #subnav a { color: lightgray }
  #subnav a:hover { color: FloralWhite }

  but that feature won’t work…. Am I missing a step?

  Any suggestions?
  Thank you!

• jeffw

  said

  Please try to keep in mind that we can’t teach you CSS in this forum, we can help only with issues that are directly related to the theme.

  The problem with the second bit of custom CSS you added…

  #subnav a { color: lightgray }
  #subnav a:hover { color: FloralWhite }

  …is that you added a subnav class, but you are targeting it in your CSS as an ID with a hash instead of a class with a dot.

  If it was me, I would add custom CSS like this to target the links in that subnav container…

  #FooterTop .subnav a { color: HotPink }
  #FooterTop .subnav a:hover { color: DodgerBlue }

       

• getbold

  said

  Okay so that worked!
  That is exactly what I wanted!

  But it placed this gray box behind it all:
  https://prnt.sc/mqggeu

  I placed this in the CSS
  #FooterTop .subnav a { color: lightgray }
  #FooterTop .subnav a:hover { color: FloralWhite }

  http://s89.617.myftpupload.com/static_block/footer-top-default/

• getbold

  said

  Okay, it’s gone now when i go to other pages on the site
  http://s89.617.myftpupload.com/our-attorneys/

  just when i previewed the static block did it look like that but when i viewed pages it was fine.
  YAY!

  Thank you very much!!

• jeffw

  said

  I’m glad you have got your custom CSS working now.

  Please try to keep in mind that we can’t teach you CSS in this forum, we can help only with issues that are directly related to the theme.