how to remove white space where entry header is on pages

  • Good day folks,

    We are trying to create a new frontpage for the site. We are not using elementor or any other, but the wordpress page builder.

    We noticed a few things to get fix, but first we are trying to remove the entry header on the page we are developing as a frontpage. We used the option cover in the wordpress builder and we added the code below. Although it helped somehow, we still see a white space in between, where the entry header and entry title was.

    .page-id-(number) .entry-header {
    display:none !important;
    }

    .page-id-(number) .entry-content {
    margin-top: 0 !important;
    }

    We are using the latest version of wordpress. Not sure if it is related to this version or not, but we don’t see all the functionalities others do have on their sites when share their tutorials about how to build up a front-page using wordpress page builder.

    Could you give us a hand with this issue please?

    In advance, thank you for your help and interest.

    • This topic was modified 4 years, 5 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic
Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,

    I would require link to suggest suitable css.Thanks

    Thread Starter Copiaurbietorbi

    (@copiaurbietorbi)

    Hello Kaushalsheth,

    Here is the link: https://www.convergere.com/test/

    You will find a white space between the image we placed as a test cover and the navbar that we would like to remove.

    Thank you for your help.

    Hi,
    It seems this css is causing issue

    .content-left-wrap
{
margin-top:50px;
}

    If you can make it 0px, you should be able to achieve your objective. 

    .content-left-wrap
{
margin-top:0px!important;
}
    Thread Starter Copiaurbietorbi

    (@copiaurbietorbi)

    Hello Kaushalsheth,

    Thank you for your quick response. The code did the trick! Although we may need to adjust the margin for mobile settings and view though.

    Should we use the code below to make this just for a specific page then?

    .page-id-(number) .content-left-wrap {
    margin-top: 0px!important;
    }

    Also, what CSS do you recommmend for the cover image to be wide enough to contain the whole page like in the frontpage?

    Thank you for your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘how to remove white space where entry header is on pages’ is closed to new replies.