Viewing 2 replies - 1 through 2 (of 2 total)
  • A few things are happening here to cause the gap. The space above the carousel is for the H1 headline of the page but it isn’t being used. You have 3 other h1s currently on the page so you could probably remove this from the front page only and be ok.

    There is a bottom margin on the .entry-header class that would need to be removed (if you choose to not conditionally remove it from the front page).

    you could do this:

    .home .entry-header {
    	margin-bottom: 0;
    }

    Lastly, there is an empty <p></p> above and below the carousel in the textwidget. Make sure auto paragraphs aren’t being added and that there is not an opening line break before you add your code.

    Hope this helps!

    Thread Starter ngaisteve1

    (@ngaisteve1)

    Thanks. I managed to comment out my h1 and h2, but anyway to hide my entry header h1 tag from css?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to remove the empty space?’ is closed to new replies.