Post link color

• 

  andreeaciulac2018 · Member · Aug 2, 2017 at 4:17 am

  • Copy link
  • Add topic to favorites

  Hello,
  The default link color in postst for my theme I believe is red. I have been playing with theese code in order to make it blue. The think is that either they do not work at all or start to affect other stuff like menu items.
  please help me figure it out

  a:link active {
  color: #3b5998;
  }

  a:link hover {
  color: #3b5998 ;
  font-weight: bold;
  }

  a:link visited {
  color: #3b5998;
  }

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

• 

  agounder · Member · Aug 2, 2017 at 4:25 am

  • Copy link

  Hi darkydeeds,

  You can use the following:

  a {
  color: #3b5998;
  }
  
  a:hover {
  color: #3b5998 ;
  font-weight: bold;
  }

  Additionally you could also add something like the following to get the links to have an underline.

  text-decoration:underline;

  Do let me know if you need any further help with this.

  thanks
  Alex

• 

  pankajkumr · Member · Aug 2, 2017 at 4:31 am

  • Copy link

  Hi darkydeeds

  The code should be written like this. Add this code to your Customize > CSS.

  /* unvisited link */
  a:link {
  color: #3b5998;
  }
  /* visited link */
  a:visited {
  color: #3b5998;
  }
  /* mouse over link */
  a:hover {
  color: #3b5998;
  }
  /* selected link */
  a:active {
  color: #3b5998;
  }

  Let me know if you need further help.

  Cheers.

• 

  andreeaciulac2018 · Member · Aug 3, 2017 at 12:23 am

  • Copy link

  Thank you both,

  It works but with one problem. It afefcts the menu buttons too…

• 

  andreeaciulac2018 · Member · Aug 3, 2017 at 1:55 am

  • Copy link

  Not only that,

  The footer social media icons are affected to :(

• 

  pankajkumr · Member · Aug 7, 2017 at 10:55 am

  • Copy link

  Hello darkydeeds

  You can override the menu buttons and social media using the following code.

  .sf-menu a, .sf-menu a:visited {
      color: #666;
  }
  .site-social-menu a, .site-social-menu a:visited {
      color: #020202;
  }

  Hope that helps.