StudioPress Community Forums
  StudioPress Community Forums > Forums > General Discussion
For help and support, access to your downloads, or to manage your account please log into My StudioPress.

These forums have been set to read-only so you can browse the existing topics for any questions you may have.

For general discussion on WordPress, CSS and design (NOT for support) visit the new Community Forums.
 
 
Thread Tools Display Modes
Prev Previous Post   Next Post Next
  #1  
Old 02-07-2012, 02:41 AM
DavidJay DavidJay is offline
Registered User
GenesisConnect
Pro Plus Member
 
Join Date: Jul 2010
Posts: 24
Default Trouble adding new style elements

I am new to CSS but have read about specificity and thought I understood it but something is obviously not clicking.

I am trying to modify the appearance of some items on a custom taxonomy template and having some troubles. In Chrome Inspect Element it shows my new CSS class/ID but the values do not override the parent values.

Here is a sample of the code:

default for the child theme
Code:
h1,
h2,
h2 a,
h2 a:visited {
	color: #444;
	font-family: 'Droid Sans', Tahoma, Verdana;
	font-size: 30px;
	line-height: 36px;
}
My addition
Code:
.taxonomy-template h2,
.taxonomy-template h2 a,
.taxonomy-template h2 a:visited {
	font-size: 20px;
	font-weight: bold;
	margin: 5px 0 2px 0;
	padding: 5px;
}
site link

Any CSS experts see what I am missing?
 

Tags
css, inheritance, specificity

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -5. The time now is 01:05 AM.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.