Change color of link text

  • How do I change the color of the link text? I removed the underline but now it’s very hard to see the link. I want to make it blue.

Viewing 15 replies - 1 through 15 (of 18 total)

  • Hello!

    You will need to add some custom CSS to achieve this.
    Install and activate this plugin then go to “Add Custom CSS” on your dashboard and paste this

    a {
    color: #161616;
}

    in the box, replace the default color with one of your choice and you are done.

    Taner

    (@tanergarden)

    Pop open the CSS file or enqueue your own and stick in:

    a {
    color: #000;
}

    If you just want to change specific links without effecting all of them at once, add a class to the ones you want to change, for example:

    <a href="<?php the_permalink ?>" class="blue-links"> Link Text </a>

    And go into your stylesheet and do:

    .blue-links {
    color: blue;
}
.blue-links:hover {
     color: black;
}

    To add to this, how can we change the hover colour of links? It’s a yellow colour now.

    Using the plugin suggested above you can use this

    a:hover, a:focus {
    color: #b49543;
}

    in the custom CSS box and apply any hex color value you like to the hover.

    Thank you so much. I thought it would change the “No Comment” “Comment” and blog post title link but it’s still #b49543

    Try this along

    .entry-meta a {
    color: #b49543;
}

    Thank you! However the Continue Reading and hover on the blog title are still that yellow colour ?? Thanks so much for your help!

    Use just

    a {
    color: #b49543;
}

    to change the color of all links.
    And this for the read more

    .read-more {
    color: #b49543;
}
.read-more:hover {
    border-color: #b49543;
}

    https://i66.tinypic.com/rgzbew.png

    https://i68.tinypic.com/2u91slx.png

    I don’t know what I’m doing wrong. Some of it is working but these spots won’t change!

    Is there a link to the site?

    https://www.fribblespooncreative.com/that-time-i-started-another-blog/

    Not officially launched yet but hopefully that’ll help!

    You need this CSS

    .navigation > li > a:hover, .navigation > li.sfHover > a, .navigation > li.sfHover > a:active {
    color: #b49543;
}

    for the menu color and this

    .entry-title a:hover {
    color: #b49543;
}

    for the titles.

    Thank you, you are wonderful! ?? One last thing, what size should my header be? It seems to be blurry no matter what size I try.

    There is no preset logo size for the theme. Try uploading one that is for example 400px in width and add this

    .site-logo img {
    max-width: 200px;
}

    in the custom CSS box. See if it helps with the blurriness.

    Font-family properties, color, and font-size properties defines the font, color, and size of text in an element:

    Example:

    <!DOCTYPE html>
    <html>
    <body>
    <h1 style=”font-family:verdana;”>M?t tiêu ??</h1>
    <p style=”font-family:arial;color:red;font-size:20px;”>M?t ?o?n.</p>
    </body>
    </html>

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Change color of link text’ is closed to new replies.

Tags