WordPress.org

Ready to get started?Download WordPress

Forums

Skirmish
[resolved] H2 margins --- Skirmish (10 posts)

  1. jminch2011@gmail.com
    Member
    Posted 1 year ago #

    I cannot figure out how to modify the margins AFTER the H2 header.

    My H2 header sits right on top of my paragraph.

    Thank you.

    http://www.themusingsofthebigredcar.com

  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    which h2?

    the post titles on the front for instance are h1.

    can you point out exactly what title/text you mean?

    have you tried to work with a browser inspection tool to find out where the titles are styled in the stylesheets of the theme?

  3. jminch2011@gmail.com
    Member
    Posted 1 year ago #

    Thank you for your quick reply.

    In the post at http://themusingsofthebigredcar.com/a-jockey-a-horse-a-course/

    The title is an H1 --- A jockey, a horse, a course

    The subdivision title is an H2 --- as an example "The Jockey"

    I would like the H2 to be farther away from the body of the text.

    I have used the inspection tool to locate the H2 in the inspection CSS. When I make that change in the inspection tool, it is perfect.

    I cannot locate H2 on the CSS for the theme editor.

    Your assistance is greatly appreciated. Thank you.

  4. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    try:
    .hentry h2 { margin-bottom: 20px; }

  5. jminch2011@gmail.com
    Member
    Posted 1 year ago #

    No good. I tried putting it between the h1 and h2 attributes and also extending the h2 attributes. No change.

    h1, h2, h3 {
    color: #b22222;
    text-rendering: optimizelegibility;
    font-family:"georgia", arial;
    font-weight:normal;
    }
    h1{font-size:28px; font-family:Lusitana, "georgia", helvetica, arial;}
    h2{font-size:26px; font-family:Lusitana, "helvetica", arial; font-color:b22222; margin-bottom:20px;}
    h3{font-size:24px; font-family:"georgia", helvetica, arial;}
    h4{font-size:22px; font-family:"georgia", helvetica, arial;}
    h5{font-size:18px; font-family:"georgia", helvetica, arial;}
    h6{font-size:16px; font-family:"georgia", helvetica, arial;}
    h1,h2,h3,h4,h5,h6 {
    clear: both;
    }
    hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
    }

  6. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    this line should have done it:

    h2{font-size:26px; font-family:Lusitana, "helvetica", arial; font-color:b22222; margin-bottom:20px;}

    imho, trying customisations while a cache plugin is active, is not a good idea;

    your page seems to be cached: Served from: themusingsofthebigredcar.com @ 2013-01-24 23:03:23 -->

  7. jminch2011@gmail.com
    Member
    Posted 1 year ago #

    Aaaha, I never thought of that. The cache. Makes perfect sense. Let me strip the cache and try again. Thank you.

    What you have typed is exactly what I tried, so it must be the cache.

    Thank you, I will report back.

  8. jminch2011@gmail.com
    Member
    Posted 1 year ago #

    It WAS the cache. Thank you. Is there a place I can make a small donation?

  9. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

  10. jminch2011@gmail.com
    Member
    Posted 1 year ago #

    Thank you very much. I made a donation. You were very helpful and again I thank you.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags