changing header (h2) to header (h3)

  • Resolved patriciadooley

    (@patriciadooley)


    8 years, 7 months ago

    Short explanation: I added the ‘[ic_add_posts category=’put name here’]’ to my pages that I wanted posts at the bottom of. I am using the Gridalicious theme. The posts came up with a horrible font and bad color. I was able to change the font and the color in the theme itself. My problem is that I would like the whole paragraph/section indented more and the header size decreased. From what I am gathering, the posts-in-page is pulling from the h2 header of the theme. I want to try to get it to pull from the h3 header level. I tried tinkering with the h2 stuff in both your and the theme’s editors to no avail (changing it to h3). Since I am completely self taught and know very, VERY little, I did not want to dink around with more than that and screw up the plugin.

    My website is not live yet and this is one of the last things I want to clean up before going live. Any help you can give me would be GREAT! Please be very explicit in your directions (as to a baby) as I have no knowledge of html or css (just enough to cause damage).

    Long explanation: The other part of the problem is that, from what I am getting out of the theme itself is that h2-5 are all lumped together with no individual font/position/color/ changes. When I changed the font, I just added sans serif and deleted the others that were in the code/kbd/li section. It worked on all of the posts-in-page posts, along with the color change. But my changing the header (h2)size it changed ALL h2s, not just the posts-in-page ones. I know Gridalicious is a more complex theme than others so this might be part of my not understanding how to fix the padding of that section (assuming it is a padding issue, I did try several things!)

    So, my theory is that the posts-in-page may have an easier fix for pulling h3 header style (and thus indent and shrink text) than my learning to code css in the theme itself. I appreciate your time and help in this.

    https://www.ads-software.com/plugins/posts-in-page/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter patriciadooley

    (@patriciadooley)

    I can’t edit my question. Sorry. I figured out it is not the header I need to change as it does not allow indenting. I am trying to indent the PostsInPage a little more to make it distinctive from the information that is “permanent” on the page. Is there an easy way to indent all PIP?

    I tried messing with padding (changes ALL h2 items, not just PIP). It looks like PIP is ‘float: right’ but I cannot find a good margin or padding that allows me to make the PIP narrower (more indented).

    Thread Starter patriciadooley

    (@patriciadooley)

    I was able to figure this out after extensively researching. It was definitely PIP that I needed to edit (that discovery made the rest easier).

    Once I found I needed to edit the PIP template loop, I added 2 lines to the loop. One for margin indent and one for justifying the paragraphs. That allows for better indented square paragraphs. Now, I just need to change heading size for PIP and it will be great.

    My changes are below. The end loop for the margins is just before the end of the final ‘/div’.

    ‘<div class=”post hentry ivycat-post”>
    <!– This changes margins of the postsinpage –>
    <div style=”margin-left: 1em; margin-right: 1em”>

    <!– This is the output of the post TITLE –>
    <h2 class=”entry-title”>“><?php the_title(); ?></h2>

    <!– This is the output of the EXCERPT –>
    <div class=”entry-summary”>

    <!– This justifies the sides to square up –>
    <div style=”text-align: justify;”>

    <?php the_excerpt(); ?>

    <!– ends justification loop –>
    </div>
    </div>’
    …added one more ‘</div>’ to end of post to stop margin indent loop (because I used it for header, summary and meta data).

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘changing header (h2) to header (h3)’ is closed to new replies.