chaning color in Origin

• 

  heatherchaet · Member · May 22, 2012 at 1:25 pm

  • Copy link
  • Add topic to favorites

  Help please! I want to change the color of hyperlinks and linked text in my blog…total novice here, but the blog is perfect except for that…anyone have a clue? Right now it is an orange red, just would prefer a peacock blue…or anything else. I have custom design option so I can get into CSS. thanks!

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

• 

  designsimply · Member · May 23, 2012 at 1:45 pm

  • Copy link

  Your http://heatherchaet.com/ blog looks great!

  Here is an example of CSS that will change the basic link colors in the Origin theme. It affects things like the menu fonts and sidebar headings if they are links:

  a,
  a:visited {
  	color: turquoise;
  }
  a:hover {
  	color: royalblue;
  }

  This will change the color of post titles if they are links, such as on the home page:

  .entry-title a,
  .entry-title a:visited {
  	color: tomato;
  }
  .entry-title a:hover {
  	color: darkred;
  }

  This will change the color of links in the byline below post titles:

  .byline a,
  .byline a:visited {
  	color: green;
  }
  .byline a:hover {
  	color: darkgreen;
  }

  This will change basic links in the sidebar:

  .sidebar .widget ul li a {
  	color: orange;
  }
  .sidebar .widget ul li a:hover {
  	color: pink;
  }

  This will adjust the link colors in the footer area:

  #footer a {
  	color: sienna;
  }
  #footer a:hover {
  	color: saddlebrown;
  }

  Adjust the color names as necessary.

  You can mix and match the above rules to your liking. You don’t have to use all of them. If you were just interested in changing basic link colors, you can just use the first example only.

  Note that if you find that some links haven’t changes, then there may be a more specific rule in the theme for those types of links—in that case, you would need to style those separately.

• 

  heatherchaet · Member · May 23, 2012 at 2:16 pm

  • Copy link

  thank you!!! thank you!!! soooososososos much!

• 

  designsimply · Member · May 23, 2012 at 2:19 pm

  • Copy link

  Cheers :)