Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • October 4, 2013 at 9:28 pm #170610
    jgoldberg1983

    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

    October 5, 2013 at 3:11 am #170706
    jgoldberg1983

    *bump*

    October 5, 2013 at 3:32 am #170715
    Ismael

    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

    October 5, 2013 at 3:35 am #170718
    jgoldberg1983

    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?

    October 5, 2013 at 3:51 am #170721
    Josue

    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

    October 5, 2013 at 4:49 am #170733
    jgoldberg1983

    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?

    October 5, 2013 at 5:41 am #170734
    Josue

    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

    October 5, 2013 at 8:06 pm #170850
    jgoldberg1983

    Hi Josue,

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

    October 5, 2013 at 8:59 pm #170856
    Josue

    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

    October 5, 2013 at 9:12 pm #170858
    jgoldberg1983

    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;
    }

    October 5, 2013 at 9:24 pm #170860
    Josue

    Hey!

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

    Best regards,
    Josue

    October 5, 2013 at 9:36 pm #170861
    jgoldberg1983
    This reply has been marked as private.
    October 5, 2013 at 9:53 pm #170865
    Josue

    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

    October 5, 2013 at 9:59 pm #170867
    jgoldberg1983

    Oh ok, so no “.entry-content”

    October 5, 2013 at 10:09 pm #170875
    jgoldberg1983

    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?

    October 5, 2013 at 10:44 pm #170885
    Josue

    Hi!

    Try with this:

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

    Cheers!
    Josue

    October 5, 2013 at 11:04 pm #170890
    jgoldberg1983

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

    October 5, 2013 at 11:29 pm #170899
    Josue

    Glad we could help. Closed.

    Regards,
    Josue

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘H2 tag with H3 Style’ is closed to new replies.