Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #58410
    Cattext
    Participant

    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?

    #58424
    Sakin
    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;
    }
    #58429
    Cattext
    Participant

    Thanks!
    This worked out perfectly 🙂

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Style h1-6 and footertext’ is closed to new replies.