White Space Behind Page Titles

[Greg]

Hi,

i have removed my page titles using css code

.page .entry-title { display: none; }

how do I remove the white space that this has now left? I’m using SiteOrigin Page Builder but when i put and element it doesn’t start at the top of the page due to this white space.

Thank you in advance
Greg

[Anve S.]

Hi @gregcatmull ,

please share your site url , will provide you the corresponding css.

Regards
Anve

[Greg]

http://www.yourbetsfriend.com

[Anve S.]

Hi @gregcatmull,

Try adding following css in child theme custom css option.

#page .page-header {
  padding: 0 !important;
}

Regards
Anve

[Greg]

Hi Thanks for reply however this doesn’t work.

Please see the following URL: http://www.yourbetsfriend.com/home/

Thanks
Greg

[Anonymous]

Hi @gregcatmull, to hide Homepage title bar you can select template Front Page Template from the right side page attribute section.

And include this css:

#post-205.post-205.page.type-page.status-publish.hentry {
    padding: 0 36px !important;
}

Regards

[Anve S.]

Hi @gregcatmull,

Try adding following css in child theme custom css option.

article#post-205 {
  padding-top: 0 !important;
}
article#post-205 .panel-grid:first-child {
  padding-top: 0 !important;
}

Regards
Anve

[Greg]

Hi,

Still not working, please see http://www.yourbetsfriend.com to see. Title has gone which is good but i still have big white space before first SiteOrigin widget.

this is the current css code that i have put in child theme custom css option:

.page .entry-title { display: none; }
article#post-205 {
padding-top: 0 !important;
}
article#post-205 .panel-grid:first-child {
padding-top: 0 !important;
}

Thanks
Greg

[Anonymous]

Hi @gregcatmull, Glad you were able to get this sorted out..

Regards

[Greg]

No it isn’t sorted, the white space still there…

Still not working, please click http://www.yourbetsfriend.com to see.

thanks
Greg

[Anve S.]

Hi @gregcatmull

Try adding following css to remove white space from http://www.yourbetsfriend.com

.home-page article .entry-content .panel-grid {
padding-top: 0!important;
}
.home-page #content article {
padding-top: 0 !important;
}

Regards
Anve

[Greg]

Hi this worked to remove the white space if viewing on desktop but on mobile there is still a thin white line. at a guess around 10px thick, how can i remove that too?

Thanks
Greg

[Anve S.]

Hi @gregcatmull,

Try adding following css in child theme custom css.

@media screen and (max-width:480px){
body.home-page article .entry-header {
  margin: 0;
}
}

Regards
Anve

[Greg]

This doesn’t work either, any other suggestions?

Thanks
Greg

[Greg]

apologies, this has worked, thank you!