• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
WPArena

WPArena

WPArena is a premium online resource site of WordPress and is focused on providing excellent WordPress Tutorials, Guides, Tips, and Collections.

  • News
    • Opinion
  • Tutorials
  • Reviews
    • Themes
    • Plugins
  • Comparisons
  • Collections
    • Education Themes
    • Genesis Child Themes
    • Best Responsive Themes
    • Medical WordPress Themes
    • Finance & Business Themes
    • Crowdfunding Themes
  • Resources
    • Inspiration
  • Services
WPArena » Tutorials
Tutorials

How To Change Color Of Links In A WordPress Theme

Avatar of Editorial Staff Editorial Staff November 21, 2007

edit links css wordpress
FacebookTweetPinLinkedInEmailPrint

Have you found a WordPress theme that you really liked but one little thing like the color of the links stopped you from using it? It really isn’t that hard to change the color of the links in a WordPress theme.

The theme file you need to edit is the stylesheet or style.css. To edit this, or any of your WordPress theme’s files you need to set the proper file permissions on them on your hosting account. I suggest you just CHMOD the whole wp-content folder to 666 or 777. Or at least the themes folder in the wp-content folder. You could do this with an FTP client too but that will involve a few extra steps.

I prefer editing the files right from within the WordPress dashboard. In the dashboard click Presentation, then Theme Editor. Usually, the first file is the stylesheet and is already open. Make sure by looking to the right and clicking it to open it in the editor. Before you make any changes in here copy all the text and paste it into Notepad or your favorite text editor. This way if things go bad you can restore it real quick. The code you are looking for looks something like this below:

a:link{
text-decoration: none;
color:#333;
}

a:hover{
text-decoration: underline;
color: #333;
}

a:visited{
text-decoration: none;
color:#333;

You can choose to have different colors for regular links, links that have been already visited and when a mouse is hovering over them. You can also choose to “decorate” the links. Just change the color # to any 3 or 6 digit hex color code you want and click update file on the bottom right. View your site and admire your handy work!

Some possible text-decoration:

  • none – Text has no decoration.
  • underline – Text is underlined.
  • overline – Text has a line over it.
  • line-through – Text has a line drawn through it.

Find hex color codes here –> Hex Color Codes or do your own Google search.

FacebookTweetPinLinkedInEmailPrint

Related Stories

  • How To Clean WordPress Database

    How To Clean WordPress Database

  • How To Add Twitter Tools Plugin To WordPress

    How To Add Twitter Tools Plugin To WordPress

  • The WordPress Upgrade Aftermath

    The WordPress Upgrade Aftermath

Avatar of Editorial Staff

Editorial Staff

Editorial Staff at WPArena is a team of WordPress experts led by Jazib Zaman. Page maintained by Jazib Zaman.

Reader Interactions

Share Your Thoughts Cancel reply

Before submitting your comment, we kindly ask that you read our comment policy. Your email address will remain confidential and will not be published or shared anywhere. If you subscribe, you will receive notifications regarding new comments.

Primary Sidebar

A photo of two women in a web conference

Tips To Pick The Best Web Conferencing Platform For Online Training

ProfileGrid Review by WPArena

ProfileGrid Review: A Solution to WordPress Profile, Group & Social Pages?

Recent Topics

  • Official Windows 7 Wallpapers
  • How to secure your WordPress images and content from Theft
  • Top 20 Web Designing Companies in the World
  • WP Rocket Review: Is It the Perfect Solution for WordPress Caching?
  • The Complete WordPress Security Guide 2023 – Step by Step

Footer

Top

  • Services
  • Our Themes
  • Facebook
  • Twitter
  • Linkedin

Reviews

  • Beaver Builder Review
  • Beaver Themer Review
  • WP User Frontend Pro
  • Ninja Forms Review
  • MemberPress Review

More Reviews »

Resources

  • Best WordPress Plugins
  • WordPress Permalinks Structure
  • Email Management System
  • Envato Free Files
  • Advertise
  • Write for us
  • Disclosure
  • Terms
  • Privacy
  • Contact

Copyright © 2023 · All Rights Reserved · WPArena is a Project of TechAbout LLC.
We are not affiliated with Automattic or WordPress.

  • Advertise
  • Write for us
  • Disclosure
  • Terms
  • Privacy
  • Contact
Share this ArticleLike this article? Email it to a friend!

Email sent!