Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Hi Terry, I think it would be best to start a new thread on your issue & we’ll go from there.