Change Font Color of Read More Link

• 

  weekendsinmaine · Member · Feb 24, 2016 at 2:43 am

  • Copy link
  • Add topic to favorites

  I am trying to change the font color of the read more link on my posts: <!–more–>.

  I edited the CSS with this code, but it does not seem to be having any impact.

  .more-link {
  color: #B20000;.
  }

  I am using the Sela theme.

  Thanks for any help you can provide.

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

• 

  elte · Member · Feb 24, 2016 at 2:50 am

  • Copy link

  Hi,

  Can you try this and see if it works

  a, .entry-title a:hover, .comment-meta a, .jetpack-testimonial .entry-title {
      color: #B20000;
  }

• 

  thesacredpath · Member · Feb 24, 2016 at 4:03 am

  • Copy link

  Hi, on categories pages, the code to change the color of the read more links would be

  a.more-link {
      color: #b20000;
  }

  On the main page of your site, we don’t have a CSS id or class to use, so we have to use the following.

  .front-widget-area .textwidget a {
      color: #b20000;
  }

• 

  elte · Member · Feb 24, 2016 at 4:13 am

  • Copy link

  Ah, your code is much cleaner @thesacredpath. I’ll keep that in mind next time.

• 

  weekendsinmaine · Member · Feb 24, 2016 at 1:36 pm

  • Copy link

  Thank you so much for your quick response.

  The CSS for the main page worked awesome and the read more links on my front page have now changed font color.

  But, on my post (category) pages the “Continue reading…” (read more link) color didn’t change. Could it be something unique to the Sela theme?

  Here is an example – http://weekendsinmaine.com/category/adventures/

• 

  thesacredpath · Member · Feb 24, 2016 at 5:22 pm

  • Copy link

  Hi, I added the following directly to your customizer and it changed your read more on categories pages to (an obnoxious) green.

  a.more-link {
  	color: #11ff00;
  }

  Can you try adding that again?

• 

  weekendsinmaine · Member · Feb 24, 2016 at 9:21 pm

  • Copy link

  Hello,

  I tried re-adding (and used your hex above for the green). I also tried using “red”. But, the read more links still show in blue.

  I’ve saved & published the CSS with the exact modification listed above. I checked the website with chrome, IE, edge and on mobile – all stayed blue-no change. The code definitely seems like it should work.

  Could something else be overriding it from the theme, or in my CSS? (Other than the code to change the front page links that you gave me, this is at the end of my CSS file.)

  The other code for the front page worked perfect.

• 

  thesacredpath · Member · Feb 25, 2016 at 6:02 am

  • Copy link

  Hi, I just added that to your custom CSS and it worked for me. View this category: http://weekendsinmaine.com/category/things-we-love/everything-else/

  If you are talking about somewhere else, please provide a link to where it isn’t changing.

• 

  weekendsinmaine · Member · Feb 25, 2016 at 1:10 pm

  • Copy link

  Hello,

  That worked! I’m not sure why mine was not as I looked again and the CSS code was exactly the same. It must be something with where I’m placing it.

  I was having a similar problem editing the side bar tag cloud widget and I added the same code twice (copy and paste) the first one did nothing and the second one worked.

  Strange, but happy it’s resolved. Thank you very much for your help. It is appreciated!

• 

  weekendsinmaine · Member · Feb 26, 2016 at 1:43 am

  • Copy link

  I figured out why the CSS code wasn’t working for me.

  I was entering my comments incorrectly

  i.e. // comment // instead of /* comment */

  which was causing the code that immediately followed any comments not to be executed correctly. Which is probably why my adding the code in twice did work.

  Anyway, I fixed all my comments and am having much better luck with CSS. Everything is working first try now.

  I’m not looking for a response, but wanted to add information in case it helps others in the future. Thanks again.

• 

  thesacredpath · Member · Feb 26, 2016 at 4:33 am

  • Copy link

  Ah, yes that would do it. It would be nice if comment syntax was the same with all programming languages. Thanks for letting me know.