How to Change Color Links in Drupal
Drupal is an open-source content management system that provides creation and management tools for blogs, community portals and personal websites. The appearance of a Drupal-based website is controlled by the bundle of cascading style sheets (CSS) and hypertext pre-processor files, commonly called a theme. Any change to the visual organization of a website is controlled by the style sheet of the theme. To change the color of a link in Drupal, you will need to edit the CSS file of the theme activated for your website.
Other People Are Reading
Instructions
-
-
1
Log in to the website with your Drupal installation using an FTP client. Provide your host name, user name and password. Navigate to the "sites/all/themes" folder within the Drupal directory. Select the folder with the name of the theme you have activated or wish to activate.
-
2
Select the file with the .css file extension -- in most standard themes it will be called something simple, such as "stylesheet.css." Open the file with a text editing program such as Notepad.
-
-
3
Navigate to a Hex code color selector. Find the hex code for the color to which you want to change the links. Include a color selection for: links in general, active links, already visited links and when a mouse hovers over a link.
-
4
Return to the open style sheet in the text editor. Press and hold "Ctrl" and "F," then enter the word "link" and press "Enter." You should see something similar to the following:
a:link {color: #000000; text-decoration: underline; }
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #008000; text-decoration: underline; }
a:hover {color: #ff0000; text-decoration: none; }
-
5
Replace everything after the "#" symbol with the hexcodes you selected for each entry. Save the file, then upload it to the same folder from which you took it. When asked if you wish to replace the previous version, click "OK." Exit the FTP client.
-
1
Tips & Warnings
Make a back up copy of the file before you modify it, just in case.
References
Resources
- Photo Credit Stockbyte/Stockbyte/Getty Images
