- This topic has 2 replies, 2 voices, and was last updated 9 years, 6 months ago by Cattext.
-
AuthorPosts
-
May 27, 2015 at 4:34 pm #58410CattextParticipant
Another 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 #58424SakinKeymaster@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 #58429CattextParticipantThanks!
This worked out perfectly 🙂 -
AuthorPosts
- The topic ‘Style h1-6 and footertext’ is closed to new replies.