WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] changing the link colour (9 posts)

  1. bazbarrow
    Member
    Posted 3 years ago #

    Hi, I'm new here so please bear with me.

    I have installed wordpress and have had someone do some simple customisation work on the default theme.

    Its all running well but for the life of me I can't change some simple styling. I have read posts but I amat a loss.

    If you look at this page (http://www.thisdigital.com/blog/?p=63) you will see the two text links at the top of the blog and I simply want to change the colour of them to #d12117 for all states of the link, visited etc.

    I presume the style sheet being used is http://www.thisdigital.com/blog/wp-content/themes/default/style.css
    although I am not 100% sure as there are numerous references to style sheets in the header.php file.

    If someone could help with advice that would be much appreciated.

    Thanks
    Richard

  2. leev18
    Member
    Posted 3 years ago #

    If you look at this page (http://www.thisdigital.com/blog/?p=63) you will see the two text links at the top of the blog and I simply want to change

    what two text links?

  3. bazbarrow
    Member
    Posted 3 years ago #

    Sorry... Future made of glass and social media stats.

    The links to the previous and next posts.

    I would also like to turn the underline off but not sure where to do so.

    Many thanks
    Richard

  4. irfan_np
    Member
    Posted 3 years ago #

    Hey bazbarrow ,
    did u edit your theme files header.php ??
    Your stylesheets are not linked properly.
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
    Use it instead of
    <link rel="stylesheet" href="wp-content/themes/thisdigital/style.css" type="text/css" media="screen" />

  5. bazbarrow
    Member
    Posted 3 years ago #

    Hi Irfan_np,

    Thanks for the advice...The person who ingterated the blog edited the style links in the header file which was very confusing.

    Those links have changed now which is great and I can change them in the style.css sheet.

    Although I can't understand why the read more links on the http://www.thisdigital.com/blog page have now increased in font size whilst the ones on the homepage http://www.thisdigital.com/index.php under the blog snippets are smaller when they both reference the class "blogreadmore".

    Any ideas why the same css calss is rendering different sizes of text?

    Thanks again,

    Richard

  6. bazbarrow
    Member
    Posted 3 years ago #

    The other style confusion is that the reply links on the comments area appear black colour at the bottom of this page >

    http://www.thisdigital.com/blog/?p=61

    Any help appreciated.

    Thanks
    Richard

  7. irfan_np
    Member
    Posted 3 years ago #

    In your http://www.thisdigital.com/blog , there is another font-size definition which over rides the blogreadmore font size.
    .textblack a{font-size:14px}

    So instead of

    .blogreadmore {
        color: #D12117;
        font-size: 11px;
        font-weight: 500;
        line-height: 16px;
    }

    Use this

    .blogreadmore a {
        color: #D12117;
        font-size: 11px;
        font-weight: 500;
        line-height: 16px;
    }
  8. bazbarrow
    Member
    Posted 3 years ago #

    Wow thanks irfan_np for taking the time...I have now sorted the styling issues due to you kind help.

    One more thing I cannot fix/understand that you could perhaps shed some light on is the bottom right "sign up for newsletter" text box displays differently when it's in the footer.php page that the rest of the site. I have used the exact same code as in the http://www.thisdigital.com/index.php page and yet when it is loaded via the footer.php page, there is a slight discrepancy in IE where there is a repeat of the white graphic under the box and some white on the right of the text box.

    Here are two graphics showing the problem:


    Everypage of site

    The blog footer file

    I can't understand the difference and why this is happening?

    Thanks for your time,

    Richard

  9. bazbarrow
    Member
    Posted 3 years ago #

    Hi irfan_np,

    Don't worry I ahve just managed to fix the issue with the differnet rendering of the form text boxes. Found another post on this forum and followed the advice of putting
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    at the start of the header.php file.

    Thanks again for all your help.

    Kind regards
    Richard

Topic Closed

This topic has been closed to new replies.

About this Topic