Changing Wordpress Link From Black To Blue?

by Ross Cohen

Posted: 14 years ago 22 replies

WEB DESIGN

On my post, for example: Top 3 Cyst Treatments | Ways To Get Rid of Acne

See how the links just make the text bold? How would I go about making the text blue instead of black? Looked in the stylesheet and couldn't find anything related to "link", "url"...

Thanks!

#black #blue #changing #link #wordpress

Istvan Horvath

14 years ago

Originally Posted by resellcells

Looked in the stylesheet and couldn't find anything related to "link", "url"...

Because you are looking for the wrong stuff...
Look at this:

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

[ 1 ] Thanks
1 reply

Signature

{{ DiscussionBoard.errors[5177815].message }}

Petesla

13 years ago

Originally Posted by Istvan Horvath

Because you are looking for the wrong stuff...
Look at this:

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

This one worked for me. And I made the change in the Gazette Theme Options panel where custom css can be added rather than alter the actual style.css file. In my case I didn't need to touch the default.css

Thanks

{{ DiscussionBoard.errors[7959070].message }}

FriedBassMedia 14 years ago

If you change the a {} attribute, it will change all your links.

You will want to change the following:

This will change the color of your active h2/h3 links - "on line #502 in style.css"

.post-alt h3 a, .post-alt h2 a {
color: #000000; <---- change color

}

This will change the size of your h2 - "on line #485"

.post-alt h2 {
color: #000000;
font-size: 22px; <----- change size
line-height: 26px;
padding: 0;
}

Regards,
FBM.
- Thanks
{{ DiscussionBoard.errors[5179078].message }}
mgreener 14 years ago

Hi,

In general, you need to look in your source code and find the style affecting the area that you would like to change. It HAS to be defined somewhere.
- Thanks
Signature
2 Free Pro List Building Templates - Turbocharge Your Opt Ins
{{ DiscussionBoard.errors[5179790].message }}
Abledragon 14 years ago

Remember that you have links in many different places in your site.

If you use FireFox, install the Firebug addon. You can then use it to identify the specific selector for the specific links you want to change the colour of.

More details here:

Firebug: CSS Editing Made Easy | WealthyDragon

Cheers,

Martin.
- Thanks
Signature
WealthyDragon - Earning My Living Online
{{ DiscussionBoard.errors[5181001].message }}
samclarke 14 years ago

You are using the gazette theme. In your default.css file you need to change
a{
color: #000;
}

to this

a{
color: #00f;
}

it is located at the very top of the file
- Thanks
Signature

Founder of SEORIOT.COM a Denver SEO company. We can help with Local SEO, On and Off page optimization, PPC and Social media management, Reputation Management, Web Design and more.
{{ DiscussionBoard.errors[5182453].message }}
Ross Cohen 14 years ago

I tried all of these suggestions separately in my stylesheet.css file but none are changing the color of my links.
- Thanks
- 1 reply
{{ DiscussionBoard.errors[5187590].message }}
- drewhowell21 14 years ago
  
  Originally Posted by resellcells
  
  I tried all of these suggestions separately in my stylesheet.css file but none are changing the color of my links.
  
  That's odd. I checked your default.css and your links ( <a> ) are set to black. It should fix your problem if you change #000000 to #0000FF. You said you had tried that. Were you adding it on the end or changing the existing code?
  
  You should start at line 24 of your default.css.
  
  This is what you have, currently : (Sorry, can't post images.)
  
  Code:
  
  a{ color: #000000; text-decoration: none; } a:hover{ text-decoration: underline; }
  
  Your link color should change if you change it to this:
  
  Code:
  
  a{ color: #0000FF; text-decoration: none; } a:hover{ text-decoration: underline; }
  
  Thanks
  
  1 reply
  
  {{ DiscussionBoard.errors[5187721].message }}
  
  Ross Cohen 14 years ago
  
  Literally just did that and nada.
  
  Thanks
  
  1 reply
  
  {{ DiscussionBoard.errors[5188047].message }}
  
  drewhowell21 14 years ago
  
  I just looked again. You have multiple stylesheets. Have you been changing default.css or style.css?
  
  Thanks
  
  {{ DiscussionBoard.errors[5188107].message }}
Ross Cohen 14 years ago

Style.css - I don't have a default.css, only a default.php
- Thanks
- 1 reply
{{ DiscussionBoard.errors[5188133].message }}
- drewhowell21 14 years ago
  
  I'm a little confused. You should have a folder called styles. Within it should be a file called default.css. The file exists because I am able to access it. Here it is:
  
  (not able to post links)
  
  www (dot) ways-to-get-rid-of-acne.com/wp-content/themes/gazette/styles/default (dot) css
  
  Thanks
  
  1 reply
  
  {{ DiscussionBoard.errors[5188483].message }}
  
  Steven Dybka 14 years ago
  
  I think you can find your answer in this thread
  
  http://www.warriorforum.com/programm...ete-theme.html
  
  Steve
  
  Thanks
  
  Signature
  
  {{ DiscussionBoard.errors[5189091].message }}
yukon Banned 14 years ago

Do just like drewhowell21 said.
- [ 1 ] Thanks
{{ DiscussionBoard.errors[5189164].message }}
Istvan Horvath 14 years ago

Yeah, I could have got the same picture as Yukon did: when I checked your site with Chrome > Inspect element... I got the same result - BEFORE I posted my very first reply.

Most likely you are not editing the right file if it works for several people (as it's shown in the image above) but it doesn't work for you...
- Thanks
Signature
{{ DiscussionBoard.errors[5189204].message }}
samclarke 14 years ago

yep like I said it is not your style.css it is the default.css that you need to edit since that is the one you have selected in your admin panel. You cannot access default.css through the wordpress admin panel you will have to get to it via cpanel file manager or your ftp program.
- Thanks
Signature

Founder of SEORIOT.COM a Denver SEO company. We can help with Local SEO, On and Off page optimization, PPC and Social media management, Reputation Management, Web Design and more.
{{ DiscussionBoard.errors[5189205].message }}
yukon Banned 14 years ago

OPs browser cache might be messing with him?
- Thanks
{{ DiscussionBoard.errors[5189213].message }}
Ross Cohen 14 years ago

Ah, I was trying it in Wordpress. So I went to cPanel and found the custom.css. When I highlight it and click Code Editor, this is the only thing that comes up:

WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it
is easier to update the theme. Simply copy an existing
style from style.css to this file, and modify it to
your liking.

--------

When I click HTML Editor, it says:

No valid file selected. The file must be HTML and end in .htm or .html. The file must also not be larger than one megabyte. You also can not edit directories.

---------

I had tried simply copy and pasting the HTML given from drewhowell in to the Code Editor then saved, but nothing changed.

-------

Don't know why I'm struggling so much! Any thoughts??
- Thanks
{{ DiscussionBoard.errors[5193950].message }}
Istvan Horvath 14 years ago

Because you are doing everything awkward

You should edit the files on your computer in a plain text editor (like Notepad or PSPad) after making a backup copy... and upload the file to your host.

And please, don't tell me you don't want to learn how to 'mess' with the files - anybody who wants to customize their theme, should learn to use the right tools and methods. (Or outsource)

And no, the stylesheet is NOT a .html file - it's a .css file. And drewhowell21 didn't give you "html code": that's CSS code, which should be in the correct stylesheet.
- Thanks
Signature
{{ DiscussionBoard.errors[5194055].message }}
Ross Cohen 14 years ago

You hatin'!

When it comes to editing basic HTML, which I do very regularly throughout my 20-ish sites, that's a breeze. Is this .css file only editable with specific software? When I've edited HTML in the past through cPanel, I'd just click Edit HTML, it'd open on the same page or in a new window, and I could change what I need to then save it. This is acting differently.
- Thanks
{{ DiscussionBoard.errors[5194277].message }}
Ross Cohen 14 years ago

AHHHH! How easy. In the Gazette theme options, there's a custom CSS section. Added:

a{
color: #00f;
}

... and viola! yay! Thanks EVERYONE!
- Thanks
- 1 reply
{{ DiscussionBoard.errors[5194628].message }}
- yukon Banned 14 years ago
  
  Originally Posted by resellcells
  
  AHHHH! How easy. In the Gazette theme options, there's a custom CSS section. Added:
  
  a{
  color: #00f;
  }
  
  ... and viola! yay! Thanks EVERYONE!
  
  That might have worked, but it's a bandaid, since chances are that custom snippet of CSS code is now stored in the MySQL database instead of the actual WP theme style sheet (CSS file).
  
  A CSS file is plain text you can edit in any text editor just like html.
  
  Like already suggested it's better to backup the file off-line then make the edits offline & replace the old file in the theme (online).
  
  You should seriously look into getting a FTP like filezilla (free) it's all drag & drop from online to desktop (off-line editing). Very easy to use compared to the Cpanel, IMO.
  
  [ 1 ] Thanks
  
  {{ DiscussionBoard.errors[5195079].message }}