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


#1

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


#2

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


#3

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


#4

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

Regards,
Kharis


#5

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


#6

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


#7

hereby the correct link [I hope]
Leticia


#8

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


#9

Great !!
Thank you Kharis