Changing Link Colors Within Blog Post Itself

  • Unknown's avatar
    sanity4sale · Member ·

    Hello all! I’m very new to CSS so please be patient with me. :) I’ve tried to add the following code to the CSS Revisions textbox within my admin panel: 

    .entry a:link,
.entry a:visited,
.entry a:active {
	color: #FF0081;
	text-decoration: none;
}

.entry a:hover {
	color: #963;
	text-decoration: underline;
}

    But for some reason it’s not applying correctly. :-/ Why?

    One thing that’s confusing me is that, when I first go to the Edit CSS page, the textbox is blank. My understanding is that the pre-set CSS should be appearing here… is that not correct?

    Thanks for any help provided!

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

  • Unknown's avatar
    sanity4sale · Member ·

    Also just in case you need it, the website is: https://sanity4sale.wordpress.com/

    Thank you again!

  • Unknown's avatar
    justpi · Member ·

    a) No, the CSS editor displays only your additions. To see the original CSS, you use the Inspect Element tool of your browser or a developer add-on such as Firebug in Firefox.

    b) Add this: 

    .entry-content a {
border: 0 none;
color: #FF0081;
}
.entry-content a:hover {
color: #963;
border-color: #963;
}
  • Unknown's avatar
    sanity4sale · Member ·

    a) Thanks for the information!

    b) I’ve added that CSS and saved my changes but it’s still not working. :-(

  • Unknown's avatar
    justpi · Member ·

    You’re welcome.

    It’s not working because you added half of what I suggested, without first deleting the code you had already added.

  • Unknown's avatar
    sanity4sale · Member ·

    You’re the best!!! Thank you!

  • Unknown's avatar
    justpi · Member ·

    You’re welcome!
    (Sorry I wasn’t clear enough: instead of “add this” I should have written “remove your code and add this”.)

  • The topic ‘Changing Link Colors Within Blog Post Itself’ is closed to new replies.