How to remove white space [incl.title] from my individual pages

Hello Thanks for this great forum ! Without it I would be completely lost…

Hereby my website: www.xxxacupunctuur.nl
As you can see when you click on any of the Menu buttons:
There shows up the white page with the title.
As I learned opn the forum I can use the plugin Title Remover to get rid of the individual Titles, but the Iam still left with the white space, having created the page with Site Origin PageBuilder.
Do I have to address each individual page with CSS code in Simple Custom CSS and if so: How…?
And would this also remove the title then?

Thank you very much for your help
Leticia

Dear Leticia,

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.page .page-wrap .content-wrapper{
  background: transparent;
}

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

Regards,
Kharis

Hello Kharis,
Nice to hear from you and thanks for your quick reply!

I added the code you provided in the Simple Custom CSS Box under what was already in there,
but the same as with the removing of the ‘edit’ it does not work this way.
So both fixes not working this way.

How do I go about it when using the child theme’s style.css?
Thanks for your help
Leticia

Please go to Appearance > Editor > select you current active child theme > edit style.css > put the code into the most bottom line.

Regards,
Kharis

Hello Kharis,

Thanks a lot! It works !!

Yet there still is a problem:
I had the white Column with Recent Reactions [to the right] barely visible in my white pages
It is still there; so on the right hand side I still have a white column…
How to remove that all together?
Thank you in advance for your time and patience.
Leticia

Hello Kharis

Sorry to say but I still have a white box in my pages
hereby a screenshot:

http://www.xxxacupunctuur.nl/wp-admin/upload.php?item=689

how to remove that?

Thank you for your reply :slight_smile:
Leticia

hereby the correct link [I hope]
Leticia

Dear Leticia,

Try adding this CSS code:


body:not(.home) #secondary{
  display: none;
}

@media only screen and (min-width:992px){
  
  #primary.col-md-9{
    width: 100%;
  }
  
}

Regards,
Kharis

Great !!
Thank you Kharis