2011 Theme color property doesn't work in my Style Sheet

• 

  raingardenarts · Member · Jul 3, 2014 at 11:40 pm

  • Copy link
  • Add topic to favorites

  I have the custom upgrade and I’ve changed the default Comment Link at the bottom of any post successfully to a bigger font and a contrasting color by using this in my style sheet:

  .entry-meta .leave-reply {
  visibility: hidden;
  }

  .entry-meta .leave-reply:before {
  visibility: visible;
  color: #FF8429;
  font-weight: bold;
  font-size: 16px;
  content: “Comment”;
  }

  This worked fine.

  Now if comments are already recorded that link changes to the number of replies and the word “Replies.” For example 5 Replies. Checking the page code, it appears that is: <span class=”comments-link”>, so I modified my style sheet like this:

  .comments-link {
  font-weight: bold;
  font-size: 16px;
  color: #FF8429;
  }

  This works fine for the font size, it was made bigger to 16 px, but my orange color #FF8429 isn’t appearing. What’s wrong? Do I have the wrong id for the Spam tag. How come the font size changed anyway?

  The blog I need help with is raingardenartsblog.com.

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

• 

  lizthefair · Member · Jul 4, 2014 at 12:48 am

  • Copy link

  try adding the following additional code:

  .comments-link a {
  color: #FF8429;
  }

• 

  lizthefair · Member · Jul 4, 2014 at 12:53 am

  • Copy link

  it might also work just to add the “a” to the bit of code you already wrote.

  CSS treats the text that’s included in the “a” tag as completely unrelated to other kinds of text so it always has to be styled separately.

• 

  raingardenarts · Member · Jul 4, 2014 at 2:20 am

  • Copy link

  Maureen,

  Thanks for explaining. It works, of course. I appreciate the quick response.