Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #170610

    Hi guys,

    I like the style of the h3 tag in the theme but I want to wrap all the text at this level in h2 tags. h2 tag style doesn’t work for my layout. Is there a way I can set the default h2 style to be the same as h3?

    Thanks,
    Jonathan

    #170706

    *bump*

    #170715

    Hello!

    Style of the theme may vary depends on how you configure the theme options styling. Please give us a link to the page with the h3 tag and a page with h2.

    Best regards,
    Ismael

    #170718

    Is there a way to change the default style of the different tags though? How do I make all text tagged h2 look like the text tagged h3?

    #170721

    Hi!

    Try this:

    .entry-content h2 {
    font-size: 19px !important;
    line-height: 1.1em !important;
    margin-bottom: 8px !important;
    text-transform: none !important;
    }

    Cheers!
    Josue

    #170733

    Thanks Josue, and what if I decide to make h2 the same style as h1?

    Also, where do you find this information to know what size, height, margin, etc?

    #170734

    Hello!

    You can find those styles in css/base.css

    h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
    h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
    h3 { font-size: 19px; line-height: 1.1em; margin-bottom: 8px; }
    h4 { font-size: 17px; line-height: 1.1em; margin-bottom: 4px; }
    h5 { font-size: 16px; line-height: 1.1em; }				
    h6 { font-size: 14px; line-height: 1.1em; }
    

    Best regards,
    Josue

    #170850

    Hi Josue,

    Unfortunately putting the code into custom css didn’t change the style of the h2 tags.

    #170856

    Hello!

    The code i put was for reference, if you want the h2 tags to be like the h1, you’d use:

    h2 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}

    Best regards,
    Josue

    #170858

    I know =)

    I put the following into custom.css and it didn’t alter anything:

    .entry-content h2 {
    font-size: 34px !important;
    line-height: 1.1em !important;
    margin-bottom: 14px !important;
    text-transform: none !important;
    }

    #170860

    Hey!

    Can you post a link to a page with a h2 tag?

    Best regards,
    Josue

    #170861
    This reply has been marked as private.
    #170865

    Hey!

    I made a quick test adding this code and it appears to be working:

    h2{
        font-size: 34px !important;
        line-height: 1.1em !important;
        margin-bottom: 14px !important;
    }

    Result:

    Remember to reset any cache functionality after applying the code.

    Cheers!
    Josue

    #170867

    Oh ok, so no “.entry-content”

    #170875

    Ok, that worked thank you! One last thing though – on the /education page there is one instance of h2 that i would like to keep at the default size. How do I make sure the global custom.css edit doesn’t affect that one instance?

    #170885

    Hi!

    Try with this:

    .page-id-2834 h2{
    font-size: 28px !important;  
    line-height: 1.1em !important; 
    margin-bottom: 10px !important;
    }
    

    Cheers!
    Josue

    #170890

    Works! Thanks for all the help so far. You can close this thread!

    #170899

    Glad we could help. Closed.

    Regards,
    Josue

Viewing 18 posts - 1 through 18 (of 18 total)

The topic ‘H2 tag with H3 Style’ is closed to new replies.