Changing Wordpress Link From Black To Blue?

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
  • Profile picture of the author Istvan Horvath
    Originally Posted by resellcells View Post

    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;
    Signature

    {{ DiscussionBoard.errors[5177815].message }}
    • Profile picture of the author Petesla
      Originally Posted by Istvan Horvath View Post

      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
      {{ DiscussionBoard.errors[7959070].message }}
  • Profile picture of the author FriedBassMedia
    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.
    {{ DiscussionBoard.errors[5179078].message }}
  • Profile picture of the author mgreener
    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.
    {{ DiscussionBoard.errors[5179790].message }}
  • Profile picture of the author Abledragon
    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.
    Signature
    WealthyDragon - Earning My Living Online
    {{ DiscussionBoard.errors[5181001].message }}
  • Profile picture of the author samclarke
    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
    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 }}
  • Profile picture of the author Ross Cohen
    I tried all of these suggestions separately in my stylesheet.css file but none are changing the color of my links.
    {{ DiscussionBoard.errors[5187590].message }}
    • Profile picture of the author drewhowell21
      Originally Posted by resellcells View Post

      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;
      }
      {{ DiscussionBoard.errors[5187721].message }}
      • Profile picture of the author Ross Cohen
        Literally just did that and nada.
        {{ DiscussionBoard.errors[5188047].message }}
        • Profile picture of the author drewhowell21
          I just looked again. You have multiple stylesheets. Have you been changing default.css or style.css?
          {{ DiscussionBoard.errors[5188107].message }}
  • Profile picture of the author Ross Cohen
    Style.css - I don't have a default.css, only a default.php
    {{ DiscussionBoard.errors[5188133].message }}
    • Profile picture of the author drewhowell21
      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
      {{ DiscussionBoard.errors[5188483].message }}
  • Profile picture of the author yukon
    Banned
    Do just like drewhowell21 said.




    {{ DiscussionBoard.errors[5189164].message }}
  • Profile picture of the author Istvan Horvath
    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...
    Signature

    {{ DiscussionBoard.errors[5189204].message }}
  • Profile picture of the author samclarke
    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.
    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 }}
  • Profile picture of the author yukon
    Banned
    OPs browser cache might be messing with him?
    {{ DiscussionBoard.errors[5189213].message }}
  • Profile picture of the author Ross Cohen
    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??
    {{ DiscussionBoard.errors[5193950].message }}
  • Profile picture of the author Istvan Horvath
    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.
    Signature

    {{ DiscussionBoard.errors[5194055].message }}
  • Profile picture of the author Ross Cohen
    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.
    {{ DiscussionBoard.errors[5194277].message }}
  • Profile picture of the author Ross Cohen
    AHHHH! How easy. In the Gazette theme options, there's a custom CSS section. Added:

    a{
    color: #00f;
    }

    ... and viola! yay! Thanks EVERYONE!
    {{ DiscussionBoard.errors[5194628].message }}
    • Profile picture of the author yukon
      Banned
      Originally Posted by resellcells View Post

      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.
      {{ DiscussionBoard.errors[5195079].message }}

Trending Topics