Removed page heading, but have a gap

Shapely
1

I wanted to remove the page heading, as otherwise each page had a double heading (once in the light grey bar and then once again on the main page content) - i found where to remove this, but now have a big gap on the page (as per the image) and wanted to know how to remove/reduce it.

2

Also how do i make the title in the light grey bar (currently showing as Matthew ‘Captain Oarsome’ Bloodworth wider so it doesn’t wrap onto two lines?

3

Hi @oarsome,

I hope you are well today and thank you for your question.

Could you please share me the page URL from your site where it is displaying so that i can help you to achieve it?

Best Regards,
Movin

4

Great thanks Movin

You can see on this page (in fact on all the pages) - Page not found | The Gluevolution - that where i have taken out the duplicated heading there is now a gap between the top of the text and the grey bar - a bit of a gap is fine (maybe 20px), but it would be good to reduce it from what it is currently.

5

You can try resolving this issue by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other


#content > section.content-area {
    padding-top: 20px;
}
.page-title-section .col-md-6.col-sm-6.col-xs-12 {
    width: 100%;
}