how do I get the links on my wordpress site to go blue

by kea55
13 replies
  • WEB DESIGN
  • |
Hi. there, the links on my wordpress site, are not that blue hyper link color. please tell me how i can make this happen.
#blue #links #site #wordpress
Avatar of Unregistered
  • Profile picture of the author EA
    you can do this by adding: <font color="blue">this would be the hyper link color</font> - this is one way to do it.
    Signature

    Be Kind
    {{ DiscussionBoard.errors[3164954].message }}
  • Profile picture of the author houstonb
    I do it in the post editor, I simply highlite the link text and choose font color from the tool menu and select blue.
    {{ DiscussionBoard.errors[3164982].message }}
    • Profile picture of the author JohnMcCabe
      Both of those suggestions mean you have to change the font color each time you post.

      The easy way to change this is to look in the css file (the stylesheet that sets a lot of the formatting) and look for the bit that controls
      a (for address)

      then look for font-color: #[some letters and numbers];

      Change the [some letters and numbers] part to 0000FF

      Save the change.

      All of your links will turn blue...
      {{ DiscussionBoard.errors[3165009].message }}
      • Profile picture of the author David Louis Monk
        I find that under the Appearance tab you can edit the theme options.

        Ususally you will find the page split into various sections such as the section to do with Posts. Here you can change the colour of the heaher bar and background colour and you should find you can change the colour of the links as well as the colour of the link when the mouse hovers over it.

        When you have made your changes just remember to save the changes. Something I often forget to do so end up doing the same work twice.
        Signature

        David

        {{ DiscussionBoard.errors[3165032].message }}
        • Profile picture of the author jamawebinc
          It's interesting how many different answers answers are being given to this question.

          The way I learned about control design elements on a website...it is very easy to control all elements throughout your site by a simply changing the css file

          This little bit of code in the css will make your links blue with an underline.

          a {color: blue;text-decoration:underline;}

          Not all themes come with an appearance tab
          {{ DiscussionBoard.errors[3165064].message }}
  • Profile picture of the author pugsy
    hi there, if it is amazon store links, go to create store- edit coloure and design. hope this helps.
    {{ DiscussionBoard.errors[3165006].message }}
  • Profile picture of the author KenThompson
    Hi,

    Much depends on where the links are located on your blog. Links in
    different sections, of a page, can have different colors and other
    features.

    I've changed link colors and features a number of times.

    You will (most likely) need to edit the style.css file located with your
    theme files. Easy enough to find.

    Before doing anything - make a copy of that file. Rename it something
    else and put it in a different folder altogether just to be on the safe
    side. Like, style1.css.

    Then, right click on the the original style file and open with notepad.

    The css is structured so you will (may) have different parameters, possibly,
    for links in different sections of your pages.

    The link parameters will be in the appropriate sections - important. So do not
    assume you edit one and the change will be everywhere.

    The css coding is fairly intuitive as to the sections of the page to which they
    are relevant.

    Here is an example:

    /* begin PostHeader */
    .PostHeader a:link
    {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    text-align: left;
    color: #F10E29;
    }

    .PostHeader a:visited, .PostHeader a.visited
    {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    text-align: left;
    color: #F10E29;
    }

    .PostHeader a:hover, .PostHeader a.hovered
    {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    text-align: left;
    color: #F10E29;
    }
    /* end PostHeader */

    ****************************************

    As you can see, you can change the colors of the link
    text for all three stages: normal, post click, and hover.

    You see the hex color codes? Be sure to include the
    "#" sign before the hex codes.

    You can look up web safe hex color codes at Google.

    It's pretty easy. Make the changes, just hit 'save,' and ftp.

    Or you can use the file edit feature in your dashboard. Up
    to you.

    Be sure to make a copy of the file before doing anything.


    Ken
    {{ DiscussionBoard.errors[3165046].message }}
  • Profile picture of the author Benjamin Ehinger
    Originally Posted by kea55 View Post

    Hi. there, the links on my wordpress site, are not that blue hyper link color. please tell me how i can make this happen.
    Simply use the <font color="blue"> code around it and it will go blue. You can get it to underline with the <u> code.

    Benjamin Ehinger
    {{ DiscussionBoard.errors[3165092].message }}
  • Profile picture of the author Istvan Horvath
    Clarifications

    All WP installs have an Appearance menu in the wp-admin
    Not all WP themes have their own "Options" page
    Adding inline style definitions to the posts is... OK, the forum rules won't allow me to say what I think ---

    Read Ken's post! That's the right way to find/learn/do it.
    Copy and save it for yourself to have it handy...
    Signature

    {{ DiscussionBoard.errors[3165101].message }}
  • Profile picture of the author spesialis
    Warriors are the kindest people on the net

    - OP only ask a single line question, yet received so many detailed answers
    - OP can google that, and get the answers easily

    and yet

    - This topic is in the wrong forum

    That's why people will always ask random questions on Main Forum (although there's more appropriate subforum), because Warriors are nice people


    Btw, as for me, I use firebug to know why this link on this page isn't blue, and change that on the editor.

    Generally it'll also change the link's color on the whole site
    {{ DiscussionBoard.errors[3165120].message }}
  • jamawebinc referenced the "decoration" that can appear in your code.
    Watch out that it is not set for

    style="text-decoration:none"

    on a global or per page basis. That can cause links to be not blue and
    not underlined!
    {{ DiscussionBoard.errors[3168689].message }}
  • Profile picture of the author sophie334
    Hi there! The default link color is always blue in WordPress. But when the post is published, the color of the link depends on the link style sheet attributes. Go to the style sheet and Change the link style with the "text-color" property.
    {{ DiscussionBoard.errors[11288946].message }}
  • Profile picture of the author diacontes
    You can use css:

    a {
    color: blue;
    }
    {{ DiscussionBoard.errors[11302219].message }}
Avatar of Unregistered

Trending Topics