changing the link colour

  • Resolved bazbarrow

    (@bazbarrow)


    13 years, 7 months 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 (https://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 https://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

Viewing 8 replies - 1 through 8 (of 8 total)

  • If you look at this page (https://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?

    Thread Starter bazbarrow

    (@bazbarrow)

    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

    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" />

    Thread Starter bazbarrow

    (@bazbarrow)

    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 https://www.thisdigital.com/blog page have now increased in font size whilst the ones on the homepage https://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

    Thread Starter bazbarrow

    (@bazbarrow)

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

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

    Any help appreciated.

    Thanks
    Richard

    In your https://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;
}

    Thread Starter bazbarrow

    (@bazbarrow)

    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 https://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

    Thread Starter bazbarrow

    (@bazbarrow)

    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”
    “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    at the start of the header.php file.

    Thanks again for all your help.

    Kind regards
    Richard

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘changing the link colour’ is closed to new replies.