Okay
  Public Ticket #2077984
heading tag is resizing padding at top of post
Closed

Comments

  • Michael Reid started the conversation

    When I insert a heading tag, <h1> for example, while editing a page, the space between the .entry-content and .entry-header instantly increases. This leaves a space that is abnormally large in the header area.

    Also, I had left a link in the description, but changed that page. Here is a page that illustrates the issue I'm describing: https://projectkicktolead.wheelingfortheworld.org/

    Any idea how to address this?

    Regards,
    Mike

  •  892
    Marc replied

    Hi Mike,

    where did the default page title go? I cannot spot it in the code. Did you adjust the theme code there?

    You can use additional CSS code to change the layout of pages reducing the whitespace. The following sample code could be a start:

    @media screen and (min-width: 767px) {
        .site-content .page {
            padding: 0 75px 75px;
        }
    }

    Best,
    Marc

  • Michael Reid replied

    Hey Marc,

    Thanks for your reply in regards to adjusting the padding.

    The default page title is hidden using the following code (the post number differs with each individual page title I want to hide):

    #post-1283 h1.entry-title {
    display: none;
    }

    Is this modification not recommended? 

    Regards,
    Mike

  •  892
    Marc replied

    Hi Mike,

    that's totally fine and you can use the post ID in my code as well, so only that page is affected by the changes.

    Best,
    Marc