Baskerville 2 Change Link Colour in Footer

• 

  marieperry181 · Member · Jan 31, 2019 at 2:42 pm

  • Copy link
  • Add topic to favorites

  I have added links to the 3rd footer widget. The problem is that the footer background is black and although text is white the links are a dark blue and don’t show very well.

  I added the code below to the Additional CSS box but it doesn’t change the colour. Is the code correct? (I don’t know anything about CSS coding) or should I be placing this code in one of the files?

  .site-info { display: none; }

  .footer-widgets .widget a {
  color: #FFF;
  }

  .footer-widgets .widget a:hover {
  color: #FFF;
  }

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

• 

  torres126 · Member · Jan 31, 2019 at 5:26 pm

  • Copy link

  Hi there,

  Please try the following CSS instead. For the normal state:

  .footer .column-3 .widget-content a {
  color: #FFF;
  }

  For the hover state:

  .footer .column-3 .widget-content a:hover {
  color: #FFF;
  }

  Let me know if that works for you. :)

• 

  marieperry181 · Member · Jan 31, 2019 at 5:55 pm

  • Copy link

  Thanks Torres126! That did the trick! Greatly appreciate your help.

• 

  torres126 · Member · Jan 31, 2019 at 11:51 pm

  • Copy link

  Glad to hear, happy to help! :)