- This topic has 2 replies, 2 voices, and was last updated 10 years, 5 months ago by Cattext. 
- 
		AuthorPosts
- 
		
			
				
May 27, 2015 at 4:34 pm #58410Cattext ParticipantAnother question. Two actually (thought I’d bundle them…) 
 1:
 I’d like to style the H1-6, so I’ve added the following code to the child theme’s stylesheet:h1 { font-size: 36px; line-height: 1.2; margin: 0.3em 0 10px; color: #990000; } h2 { font-size: 26px; color: #990000; } h3 { font-size: 18px; line-height: 1.3; margin: 1em 0 .2em; color: #990000; } h4 { font-size: 16px; margin: 1.33em 0 .2em; } h5 { font-size: 14px; margin: 1.67em 0; font-weight: bold; } h6 { font-size: 12px; margin: 1.67em 0; font-weight: bold; }However, the H2 is still shown as grey; and that’s barely visible against our background color. 
 For example here: http://www.egyptologie.nl/Boekenverkoop/egyptologie/
 What did I do wrong in the styling of the H1-6?2: 
 The text in the footer is also grey.
 In the color options of the theme I can’t find anywhere where I can change the color of the footer text.
 In the options for the text in the footer, I see this:class="copyright"
 So I tried to add this to the stylesheet:
 .copyright { color: black }
 but that didn’t do the trick.
 Could you please help me out with this one too?May 27, 2015 at 5:11 pm #58424Sakin Keymaster@Cattext: 
 1. If you are trying to change H1 to H6 of the content, then your css will be as below:#content h1 { font-size: 36px; line-height: 1.2; margin: 0.3em 0 10px; color: #990000; } #content h2 { font-size: 26px; color: #990000; } #content h3 { font-size: 18px; line-height: 1.3; margin: 1em 0 .2em; color: #990000; } #content h4 { font-size: 16px; margin: 1.33em 0 .2em; } #content h5 { font-size: 14px; margin: 1.67em 0; font-weight: bold; } #content h6 { font-size: 12px; margin: 1.67em 0; font-weight: bold; }2. You can change the color code in the following css and add in your child theme style.css /* For Footer Widget Text and Link Color */ #colophon #supplementary .widget-area, #colophon #supplementary .widget-area a { color: #ddd; } /* For Footer Content Text Color */ #colophon #site-generator { color: #ccc; } /* For Footer Content Link Color */ #colophon #site-generator a { color: #eee; }May 27, 2015 at 5:47 pm #58429Cattext ParticipantThanks! 
 This worked out perfectly 🙂
- 
		AuthorPosts
- The topic ‘Style h1-6 and footertext’ is closed to new replies.
