Agency Home Welcome Link

Community Forums Forums General Discussion Agency Home Welcome Link

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  Tim Squires 1 year, 7 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #32895

    Tim Squires
    Participant
    Post count: 67

    URL:

    http://timsquires.com.au/hrmatters

    Problem: How to change color of link in Home Welcome widget area.

    Hi, I suspect that this is very simple, but I just can’t figure it out.

    I simply need to change the color of the link from #5397b4 (blue) to #ffcc00 (gold)

    I am trying to work it out using Firebug. I can see the values and change them easily in Firebug, but I can’t find the actual CSS in the style sheet. I know this should be very simple, but nevertheless, I am stuck :)

    Thanks for your help.

    #32914

    braddalton
    Participant
    Post count: 10563

    The line number 134 is next to the code in the right hand side screen of Firebug:
    [css]
    a, a:visited {
    color: #FFCC00;
    text-decoration: none;
    }
    [/css]


    #33020

    Tim Squires
    Participant
    Post count: 67

    Hi Brad, many thanks – that almost worked. :) But will the new color only be visible after the link has been visited? And is it possible to make the change specific to just the home-welcome widget area? (I need to keep the default color for the links on all other areas of the site.)

    Many thanks for your help.

    #33022

    braddalton
    Participant
    Post count: 10563

    Yes it will so you’ll need to use the specific class i.d. for that element.
    [css]
    #home-welcome .widget_text a, a:visited {
    color: #FFCC00;
    }
    [/css]


    #33144

    Tim Squires
    Participant
    Post count: 67

    Thanks Brad – that worked. I just took out the a: visited and pasted the code under the home welcome section. (The snippet is at the bottom here) Thanks again for your help and patience. Tim

    /* Home Welcome
    ------------------------------------------------------------ */

    #home-welcome {
    padding: 20px 30px;
    }

    #home-welcome,
    #home-welcome p {
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-shadow: 1px 1px #000;
    margin-top:10px;
    }
    #home-welcome p {
    color: #ffdddd;
    }

    #home-welcome .widget_text a {
    color: #FFCC00;
    }

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.