Change post title link colors on Natural theme

• 

  ammicklecreative · Member · Sep 11, 2018 at 8:06 am

  • Copy link
  • Add topic to favorites

  Hi! I’m trying to change the font/link color of the post title links on the Natural theme. I’ve change the general link colors with the following code:

  a, a:link, a:visited {
  color: #ff0099;
  }
  a:hover, a:active {
  color: #000000;
  }
  h1.site-title a {
  color: #ff0099 !important;
  }

  but, this doesn’t affect the post titles/links at the tops of posts. I also have the following code:

  #header .site-title, #header .site-description, .title, .menu a, .headline {
  text-transform: none;
  }

  which alters the appearance of the post title text, but when I attempt to add the “color: #ff0099” to it, it has no affect. Is there something I’m missing?

  Thanks!

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

• 

  yashitamittal · Member · Sep 11, 2018 at 8:57 am

  • Copy link

  Hi there,

  To change the color of the post title on the homepage, you could try

  h2.headline a {
      color: blue;
  }

  To change the color on hover:

  .home h2.headline a:hover {
      color: pink;
  }

  To change the color of the post title on the single post page like https://fromadiewithlove.com/2018/08/31/8106/

  .single-post h1.headline {
      color: blue;
  }

  You can replace ‘blue’ with any color you want.
  Let us know if that works for you or if you meant something else.

• 

  newstylecom45 · Member · Sep 11, 2018 at 9:08 am

  • Copy link

  Color

• 

  ammicklecreative · Member · Sep 11, 2018 at 6:58 pm

  • Copy link

  Thank you, yashitamittal11! That worked perfect!