link colors- changing and keeping static

• 

  arielkapelaphotography · Member · Oct 13, 2013 at 2:38 am

  • Copy link
  • Add topic to favorites

  how can i change a link color?

  also, how can i make it so that it stays the same color even after clicked and visited?

  thank you for all your help!!!

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

• 

  thesacredpath · Member · Oct 13, 2013 at 3:57 am

  • Copy link

  I’m not seeing any links on your site in the content, but in general, the following should allow you to change the color to whatever you wish for general links.

  a:visited {
  color: #CC0000;
  }

  If you want to set general links (non-visited) as well as visited links, then this should get you on your way.

  a, a:visited {
  color: #CC0000;
  }

• 

  thesacredpath · Member · Oct 13, 2013 at 3:59 am

  • Copy link

  Actually change the second bit of code above to this instead.

  a:link, a:visited {
  color: #CC0000;
  }

• 

  arielkapelaphotography · Member · Oct 13, 2013 at 4:48 am

  • Copy link

  that actually didn’t work. it started to change some of the headings in my navigation bar.

  i have two links on my site….
  1. under my first post (monkey business) – it is the very last thing written that links to a gallery page

  and 2. i link the text from my welcome image to my read more in my about me page.

  thank you for your help!!

• 

  arielkapelaphotography · Member · Oct 13, 2013 at 4:51 am

  • Copy link

  on my page, the gallery link is dark because i have clicked it…but would like it to pick one static color for before and after you hit the link.

  and i would like to be able to change the main link color for the “read more” on the home page. the hover color is already set up to be consistentwith the others.

• 

  thesacredpath · Member · Oct 13, 2013 at 3:31 pm

  • Copy link

  Try the following two which specifically target the content area and the sidebar. I’ve used a bright green color for demonstration purposes.

  .entry a:link, .entry a:visited {
  color: #56dd00;
  }
  
  #sidebar a:link, #sidebar a:visited {
  color: #56dd00;
  }

  If you want different colors for regular and visited, separate the selectors as below and assign your colors.

  .entry a:link {
  color: #56dd00;
  }
  
  .entry a:visited {
  color: #8700dd;
  }
  
  #sidebar a:link {
  color: #56dd00;
  }
  
  #sidebar a:visited {
  color: #8700dd;
  }