Title: Change Hyperlink Color
Last modified: February 18, 2018

---

# Change Hyperlink Color

 *  Resolved [bcallaway](https://wordpress.org/support/users/bcallaway/)
 * (@bcallaway)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/)
 * Hello! I would like to change the hyperlinks to a different color. Can I do this
   with Kale?

Viewing 15 replies - 1 through 15 (of 18 total)

1 [2](https://wordpress.org/support/topic/change-hyperlink-color-3/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/change-hyperlink-color-3/page/2/?output_format=md)

 *  [jarektheme](https://wordpress.org/support/users/jarektheme/)
 * (@jarektheme)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9343896)
 * Hi [@bcallaway](https://wordpress.org/support/users/bcallaway/),
 * Thank you for getting in touch with us.
 * The simple way to do it is by adding this css to Appearance → Customize → Additional
   CSS:
 * `a { color: #0000ff !important; }`
 * Thank you for your time in this.
 * Best regards
 *  [cloudjason](https://wordpress.org/support/users/cloudjason/)
 * (@cloudjason)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9344100)
 * Hi Jarek
 * I, too, was thinking about changing link color on my blog also. But this method
   changes colors of like banner caption and title….I do not really want that.
 * When I am editing a post I see the text I have converted to links as blue…which
   is great because they stand out a little and visited link slightly different 
   color (but not black).
 * However, when I go to the full post online the text (of the link) is the same
   color (black) as the other text in the post so that it does not stand out at 
   all.
 * Of course, not critical but would be nice to change.
 * Thanks
 * Grace
 *  [cloudjason](https://wordpress.org/support/users/cloudjason/)
 * (@cloudjason)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9344109)
 * Well, it is different in that it is underlined 🙂
 *  [jarektheme](https://wordpress.org/support/users/jarektheme/)
 * (@jarektheme)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9347000)
 * Hi [@cloudjason](https://wordpress.org/support/users/cloudjason/),
 * Yes, you’re right. The `a` style is a general declaration and some of the elements
   can be overwritten by more specific style. Please let me know what element exactly
   would you like to change so I’ll send you some style.
 * Kind regards
    -  This reply was modified 8 years, 9 months ago by [jarektheme](https://wordpress.org/support/users/jarektheme/).
 *  [cloudjason](https://wordpress.org/support/users/cloudjason/)
 * (@cloudjason)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9348119)
 * Hi Jarek
 * I am not sure if it is even part of the theme where I would like to change the
   text link color (to have it stand out a little).
 * I have 3 links in my introductory post on my site at:
 * [http://gerdesconstruction.com/gracegerdes](http://gerdesconstruction.com/gracegerdes)
 * Thanks … Grace
 *  Theme Author [lyrathemes](https://wordpress.org/support/users/lyrathemes/)
 * (@lyrathemes)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9352287)
 * Try this in Appearance > Customize > Additional CSS:​
 *     ```
       .single .entry-content p a {
           color: #000000;
           text-decoration: underline;
       }
       ```
   
 * Change the color to whatever you prefer 🙂
 *  [cloudjason](https://wordpress.org/support/users/cloudjason/)
 * (@cloudjason)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9354135)
 * That is EXACTLY what I was looking for.
 * thanks
 * Grace
 *  [pixelsinmypocket](https://wordpress.org/support/users/pixelsinmypocket/)
 * (@pixelsinmypocket)
 * [8 years, 4 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9795912)
 * I’m having a similar issue but when I use { color: #ff7300 !important; } the 
   links don’t change. If I use .single .entry-content p a {
    color: #000000; text-
   decoration: underline; } The navigation links are super small and orange and 
   so are the headers on my page. I just want to change hyperlinks to orange. So
   when I link out to Amazon or to another page in my blog (even if it’s a phase
   like “Read More” or “try this”), I want that to be orange.
 *  [jarektheme](https://wordpress.org/support/users/jarektheme/)
 * (@jarektheme)
 * [8 years, 4 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9797010)
 * Hi [@pixelsinmypocket](https://wordpress.org/support/users/pixelsinmypocket/),
 * To change color of the links in single content to orange try this css:
 *     ```
       .single .single-content p a {
           color: orange;
       }
       ```
   
 * To change most of links to orange try this:
 *     ```
       a, a:hover, a:visited, a:active, a:focus, .single .entry-content a, .single .entry-content a:hover, .single .entry-content a:visited, .single .entry-content a:active, .single .entry-content a:focus, .page .entry-content a, .page .entry-content a:hover, .page .entry-content a:visited, .page .entry-content a:active, .page .entry-content a:focus {
           color: orange;
       }
       ```
   
 * Hope that helps.
 * Best
    -  This reply was modified 8 years, 4 months ago by [jarektheme](https://wordpress.org/support/users/jarektheme/).
 *  [Ellen Eustace](https://wordpress.org/support/users/ellen-eustace/)
 * (@ellen-eustace)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9891895)
 * Isn;t there something in settings to change the hyperlink color? I have a template
   and I don’t want to mess with pasting code in CSS. I’m afraid I’ll mess something
   up and create a big problem.
 *  [siniplyrathemes](https://wordpress.org/support/users/siniplyrathemes/)
 * (@siniplyrathemes)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9892592)
 * There’s no setting for that, unfortunately.
 * Pasting CSS codes to Customize -> Additional CSS shouldn’t really mess up anything
   [@ellen-eustace](https://wordpress.org/support/users/ellen-eustace/), especially
   if you have proper pieces of CSS codes already. 🙂
 * And you can’t really do some serious damage with the wrong CSS, even if you want
   it.
 * Kind regards.
 *  [Ellen Eustace](https://wordpress.org/support/users/ellen-eustace/)
 * (@ellen-eustace)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9904357)
 * Thanks [@siniplyrathemes](https://wordpress.org/support/users/siniplyrathemes/).
   Unfortunately I don’t know where to find that area of the code once I get into
   the css nor do I know what code to put in once I find it. Seriously considering
   hiring a designer from Word Press, finances permitting.
 *  [siniplyrathemes](https://wordpress.org/support/users/siniplyrathemes/)
 * (@siniplyrathemes)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9904944)
 * I’ll try to explain it step by step. Because there’s really no need to hire a
   WordPress designer for pasting a few CSS codes, [@ellen-eustace](https://wordpress.org/support/users/ellen-eustace/).
 * From within your Dashboard, click Appearance -> Customize, then the screen will
   change and you’ll see a list of options on the left-hand side of your screen.
   
   Scroll to the bottom where you’ll see one titled “Additional CSS” when you open
   it, you should see this:
 * [https://prnt.sc/i5t3mg](https://prnt.sc/i5t3mg)
 * Then simply paste those codes provided by [@jarektheme](https://wordpress.org/support/users/jarektheme/)
   and adjust colour name to what you want.
    When done, click “Publish” in the upper
   left corner and that’s it.
 *  [empowerlifteats](https://wordpress.org/support/users/empowerlifteats/)
 * (@empowerlifteats)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9915715)
 * Is there a way to just change the color of the hyperlinks in the body of all 
   the posts?
 *  [siniplyrathemes](https://wordpress.org/support/users/siniplyrathemes/)
 * (@siniplyrathemes)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9916641)
 * Hi [@empowerlifteats](https://wordpress.org/support/users/empowerlifteats/), 
   the code from this post – [https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9352287](https://wordpress.org/support/topic/change-hyperlink-color-3/#post-9352287)
   should affect the colour of hyperlinks in the posts’ body.
 * Change **#** value in `color: #000000;` to whatever you want.
 * Kind regards.

Viewing 15 replies - 1 through 15 (of 18 total)

1 [2](https://wordpress.org/support/topic/change-hyperlink-color-3/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/change-hyperlink-color-3/page/2/?output_format=md)

The topic ‘Change Hyperlink Color’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/kale/2.8.2/screenshot.jpg)
 * Kale
 * [Support Threads](https://wordpress.org/support/theme/kale/)
 * [Active Topics](https://wordpress.org/support/theme/kale/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/kale/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/kale/reviews/)

## Tags

 * [hyperlink color](https://wordpress.org/support/topic-tag/hyperlink-color/)

 * 18 replies
 * 9 participants
 * Last reply from: [jarektheme](https://wordpress.org/support/users/jarektheme/)
 * Last activity: [8 years, 2 months ago](https://wordpress.org/support/topic/change-hyperlink-color-3/page/2/#post-9979771)
 * Status: resolved