Page Title

Beaver Builder
1

Hi there. I have just purchased Beaver Builder and using one of the existing templates on a page (I am using Divi theme). However, I can’t seem to get rid of the page title. I have checked these support forums and tried a couple of options but I can’t seem to fix the issue. ie. in Global settings I have set default page header to no and left the CSS selector as .fl-post-header. I have also added various iterations of CSS e.g. .entry-title {
display: none;
} I have also emptied the cache. None of these seem to work.

2

Hi David,

Can you provide temp admin access to your site, please? So we can take a closer look.

Thanks,
Danny

3

Hi David,

Divi has a few annoying little bugs like that. If you add the following to the Divi Custom CSS area, you will no longer see the titles:

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

Hope this helps.

4

Hi Colin. Thanks for the suggestion. I added this to the custom CSS area but the page title still appears on the page. I wonder whether the CSS snippet I am using in the global settings may be wrong.

5

Hi David,

Sorry that didn’t work for you. Can you provide us a with the URL of your site so we can take a quick look?

You can use the “Set as private reply” option if you would like to keep your site private.

Thanks,

Colin

6

I have exactly the same problem.
Colin, your code is working but it only hides the text. But there’s a white space left. Very ugly if you have a slider directly under the menu.

Here’s my site with your code: http://fettverbrennende-lebensmittel.org/
You can see what I mean.

7

Hey John,

That’s actually from your theme, it’s adding a top padding to your container. The CSS snippet below should get rid of that.

#et-main-area #main-content .container {
  padding-top: 0;
}

Ben

8

Thank you very much Ben. Awesome.
I already solved the full width problem with your help on another thread.

9

Would you be so nice and fix the white space a the bottom above the footer as well?
I think it will make problems in the future.

http://fettverbrennende-lebensmittel.org/

10

Hi John,

That space appears to be coming from your theme’s CSS. I have no experience with Divi, is there an option you can use to remove this padding?

If not, you can try the following snippet of CSS to override it.

#left-area {
    padding-bottom: 0;
}

If that doesn’t appear to work, we may need to use the !important declaration like so:

#left-area {
    padding-bottom: 0 !important;
}

Thanks,
Danny

11

I think Divi is doing this when a foreign Page Builder is used.

Worked without !important. THank you so much Danny!

12

No problem, John. Happy to hear the snippet resolved your issue.

Thanks,
Danny

13

Ok, this is my current code to make divi ready for BB:

/* Full width */
#main-content .container {
  width: auto;
}

/* No Page Title */
.page .entry-title {
display: none;
}

/* No white space form the Page Title */
.container {
  padding-top: 0 !important; 
}

/* No white space above the Footer */
#left-area {
    padding-bottom: 0 !important;
}

One more problem. On this site, there is a little white space under the header only while loading: http://fettverbrennende-lebensmittel.org/john/

On this site it isn’t: http://fettverbrennende-lebensmittel.org/

Is it possible to fix this?

14

Hey John,

That seems to be the theme getting the height of the header, then applying that same value as a top padding to your main container. The script loads at the end so you can see the delay and it needs to be loaded last to make sure all the header elements have loaded.

We could set a static top padding to your main container but it would only be for this site alone, since headers have varying heights. It’s actually happening on the other site as well, it’s just that the difference between the default padding set on the container and the header’s height is 1px, while on the john site it’s 3px.

Ben

15

So we could turn it to 0px?
I would do everything to fix this. I would really appreciate your help. You can have everything you need.

16

Hey John,

Try adding this CSS snippet and see if it works. If it doesn’t, I’d suggest getting in touch with the theme authors.

body.et_fixed_nav.et_show_nav #page-container {
  padding-top: 77px !important;
}

Ben

17

Hey Ben,

great, now there’s no white space but the site is jumping a little bit while loading. So the last possibility to fix this is contacting the theme authors?

Thanks a lot.

18

Hey John,

I’m not really sure what you meant by jumping. But that’s probably because the styling of the page haven’t loaded yet. Or some of the elements loaded last. Are you using a caching plugin? If you aren’t, try using one. You could try ZenCache(free) or WP Rocket(premium).

Ben