Changing the color of widget links?

  • Unknown's avatar

    Hello,
    I would like to change the color of just the widget links on my blog – georgiastudents.org

    I do not want all the links on the website changed, just these. I want them to be red.

    How can I do this?

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    The hover color for the widget links is already red, so you are probably going to want to change the hover color as well.

    .widget a {
    color: #1B8BE0;
    }
    
    .widget a:hover {
    color: #FF4B33;
    }
  • Unknown's avatar

    One other suggestion I might have is to increase the line height on your site-title a little. Since it went to two lines, “education is right up against the bottom of the first line. It might look better with just a touch more white space between lines such as below.

    #site-title a {
    line-height: 46px;
    }

    Things could also be set so that the title was all on one line, or perhaps increase the left/right padding so that the title breaks better and then center align it and center align the tagline below it.

  • Unknown's avatar

    The title should all be on one life if the screen window is full size. I don’t know why it appears this way for you…

  • Unknown's avatar

    It appears on two lines (the word education on the second line) in both Firefox and Safari on Mac. Both browsers are set to no magnification and window width wider than the blog so that isn’t the issue. Do the following, which only changes the left and right margins by 2% on each side (was 7.6% left and right), and that will take care of the issue.

    #branding hgroup {
    margin: 0 5.6%;
    }
  • Unknown's avatar

    Thank you! I made the changes. Please let me know if they don’t work…

  • Unknown's avatar

    You are welcome, and it looks good.

  • The topic ‘Changing the color of widget links?’ is closed to new replies.