Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.
Thanks, but I’ve tried that and still can’t get my head around what’s causing it :/
Changes to things found inside media queries in Twenty Twelve need to also be inside media queries in the Child Theme.
I have been editing only the style.css of the child theme, you mean I would need to edit the original twenty twelve css file too?
No, you need to create media queries in the child theme when necessary.
Which links?
Well I copied the whole twenty twelve css file into my child theme so I just make all the changes that I need in there.
The problem I’m having is that I want no visited link colour on all my page content links – So that the visited links will still change colour on mouse over. At the moment, the visited links will not change colour when you hover over them and I’m stumped as to where to make the change.
Copying the entire files isn’t really a good way to go – it creates duplicate code and makes it much harder to keep track of what you have changed.
I don’t see any links on your home page – aside from the menu. Is that what you mean? Or which links aren’t working?
Ok thanks for the tip, I’ll look into it.
I added two links to the homepage for now just to showcase the problem.
I copied the whole twenty twelve css file into my child theme so I just make all the changes that I need in there.
Agreeing with WPyogi since you definitely do not need or want to do that in that way, what you *could* do is to copy that entire sheet to your Child Theme and add the template line but *not* the @import line. At that point, Twenty Twelve’s original sheet would be left alone and even ignored altogether while your own sheet would handle all the styling. To do that, the top of style.css in your Child Theme would need to look similar to this:
/*
Theme Name: (add yours)
Theme URI: (add yours)
Author: (add your name)
Author URI: (add yours)
Description: Twenty Twelve Child Theme
Version: 1.3.1
License: GNU General Public License v2 or later
Template: twentytwelve
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*
* Do not add the @import line here or anywhere.
* Just add the remainder of Twenty Twelve's style.css below this line */
Thanks I never thought of that. I’ve deleted the @import line from my css but am now getting the ‘Skip to content’ message underneath my header.. Does anyone else see that?
Aside from the errors in the style.css file, I don’t see any CSS for visited links with that color.
I’ve deleted the @import line from my css but am now getting the ‘Skip to content’ message underneath my header..
Did you add the template line?
Yes the template line was already present.
@wpyogi do you mean I have not added the necessary info to get a hover colour on selected links?
Do a search for a:hover and a:visited – and you’ll find all the ones you have.
Personally, I’d still opt for putting only changes in the child theme and using Firebug to find the existing CSS to change. As is, you now have to debug and wade through 2000+ lines of CSS code…
