Support » Theme: Twenty Twelve » Changing default font color for links and page titles

  • Resolved TheDang-itBobby

    (@thedang-itbobby)


    Perhaps I’m just an idiot, but in twentytwelve I can’t find any way to change the default colors for links or page titles. Any help is greatly appreciated.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Moderator Andrew Nevins

    (@anevins)

    How familiar are you with CSS?

    I have no problems going through my style.css and finding and altering what I’m looking for most of the time. I’ve been able to change the default text color and do tons of layout changes to the site I’m working on, and that’s why I’m so stumped with this issue.

    Moderator Andrew Nevins

    (@anevins)

    Have you been making changes to the theme’s files?

    I’m only changing the style.css in my child theme. No changes to the twentytwelve style.css.

    Moderator Andrew Nevins

    (@anevins)

    Which links do you want to override?

    I want to overwrite the font color as it appears in the sidebar widgets, footer, underneath posts, and page titles. In my body tag i have:

    font-size: 14px;
    font-size: 1rem;
    font-family: Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    color: #fff;

    and that takes care of any text in a post or page. I’d like to make that the default for everything on the site.

    As far as links go, in the body i have:

    a,
    a em,
    a strong {
    color: #eac820;
    outline: none;
    }
    a:focus,
    a:active,
    a:hover {
    color: #eac820;
    }

    This works for everything in posts or pages, but not in the sidebar or in the “posted on ” ” by ” ” underneath. The footer also remains unchanged. Do I need to add sidebar and footer php files to my child theme to affect those areas?

    Moderator Andrew Nevins

    (@anevins)

    The issue here, I think is CSS specificity.
    Try this CSS instead;

    a,
    .widget-area .widget a,
    .comments-link a,
    .entry-meta a,
    footer[role="contentinfo"] a {
     color: deeppink;
    }

    Excellent! That did the trick. Thanks a million.

    Good information Andrew. This worked for me as well, in some areas. It did not affect my links as I was hoping it would, I still have a hover state that is blue in my footer and side bar. Also, it did not seem to affect any of the links for mobile when I tested the result in my iOS simulator the links are still blue there.

    I am doing a child theme as well, I would like for my links to be red, with a hover of black, and no underline. What can you suggest?

    Thanks!

    Terry

    Moderator Andrew Nevins

    (@anevins)

    Hi Terry, I think it would be best to start a new thread on your issue & we’ll go from there.

    Ok…. Here it is.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Changing default font color for links and page titles’ is closed to new replies.