Twenty Twelve Override of Single Child Style
-
I have a series of Child Themes based on Twenty Twelve and everything seems to work fine for the styling except one thing. According to the various Developer’s Tools and Views, Twenty Twelve’s style is overriding my child theme for the following class:
.entry-header .entry-title a { text-decoration: none; }
It’s overriding the child style even if I use !important (which is pretty darn scary).
FYI, my child style is:
.entry-header .entry-title a { text-direction: underline; color: #0060af; }
I have found this in the Developer’s Tools view as well:
<link rel='stylesheet' id='twentytwelve-fonts-css' href='https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&subset=latin,latin-ext' type='text/css' media='all' /> <link rel='stylesheet' id='twentytwelve-style-css' href='https://clallamcountyymca.org/test/wp-content/themes/Y-Blue-Child/style.css?ver=3.7.1' type='text/css' media='all' /> <!--[if lt IE 9]> <link rel='stylesheet' id='twentytwelve-ie-css' href='https://clallamcountyymca.org/test/wp-content/themes/twentytwelve/css/ie.css?ver=20121010' type='text/css' media='all' /> <![endif]-->
Could the problem be that it’s loading an ie style sheet after the child? But it’s happening across ALL browsers — Chrome, Safari, Firefox, Opera, et al.
I’ve hunted on the support forums, but all the conversations are about the child themes not working at all. Everything else is working fine. I just can’t get the .entry-header .entry-title a styling to work. I guess I could change the child content.php template to use a different class, but I’d really like to know why this is happening.
Any suggestions would be appreciated. Thank you in advance for you help.
- The topic ‘Twenty Twelve Override of Single Child Style’ is closed to new replies.