CSS Utilization in wordpress

• 

  sandyclara · Member · Nov 21, 2011 at 9:39 am

  • Copy link
  • Add topic to favorites

  can i change link color with use of CSS

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

• 

  designsimply · Member · Nov 21, 2011 at 10:47 am

  • Copy link

  Sure. Note that the CSS you use may depend on the theme. To change all of the link colors in the Pink Touch 2 theme, try this:

  a {
      color: turquoise;
  }

  To change the pink date flourish on the left of post dates, you would create a new one of these images with the pink angled color thing at the bottom swapped out with a different color first and upload the new one to your media library:
  http://s2.wp.com/wp-content/themes/pub/pink-touch-2/images/sprite.png

  Then you could use this to change out the color:

  .hentry .date {
      background: url(YOUR_IMAGE_URL) bottom left no-repeat;
  }
  .hentry .date p {
      background: turquoise;
  }

  Replace “YOUR_IMAGE_URL” with the image URL from your media library after you create a new one, and replace “turquoise” with a color code to match your image.

  Alternately, you could get rid of the image element and just use a rectangle block of color for the date:

  .hentry .date {
      background: none;
  }
  .hentry .date p {
      background: turquoise;
  }

  Or leave the pink accent image in place, it looks kinda nifty with turquoise. :)

  .hentry .date p {
      background: turquoise;
  }

• 

  designsimply · Member · Nov 21, 2011 at 10:48 am

  • Copy link

  Oh, and you can find more colors here if needed:
  http://www.w3.org/TR/css3-color/#html4
  http://www.w3.org/TR/css3-color/#svg-color