Headings on each page

Hi

Would you please advise of the code to delete the title heading of the page on each page that had been created.

Thanks
Dani

Hi,

Please post a link to your website, so we can check.

Best Regards,
Csaba

http://ccsecretarialservices.com.au/about-us

I would like the gaps deleted too please.

Thanks
Dani

Hi,

You can remove the pages’ entry title with this Custom CSS:

.entry-title {
    display: none !important;
}

Add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,
Csaba

Hi

Thanks that worked, however there is now a large gap between the menu and the image. What is the coding to delete this large gap please?

Thanks
Dani

Hi,

You can smaller the large white gap with this Custom CSS:

#pg-11-0 .panel-row-style {
    padding-top: 0 !important;
}

.page-id-11 .main-content {
    padding-top: 0 !important;
}

.page-id-11 .hentry {;
    padding-top: 0 !important;
}

Please let me know how it works.

Best Regards,
Csaba

Thanks, how do I do it for all other pages please?

What is the code to delete the gap between image and the text on the About Us page.

There is also a large gap between the page and the footer on each page.

Thanks for your help.

Hi,

You can hide all the white spaces on About Us Page with this Custom CSS:

.page-id-11 .hentry {
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.page-id-11 .panel-row-style {
    padding: 0 !important;
}

.page-id-11 .main-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#pg-11-1 {
    margin-bottom: 0 !important;
}

.page-id-11 .row {
    margin-bottom: -35px !important;
}

Please let me know how it works.

Best Regards,
Csaba

Hi Csaba

It almost worked. Please take a look at my page http://ccsecretarialservices.com.au/about-us

There is still a white gap between the image and the titles Who we are and What we do.

Thanks
Danielle

Hi Csaba

I’m still waiting for some answers to a few questions.

Are you around?

Dani

Hi,

You can remove the white space below the image with this Custom CSS:

#pg-11-0, #pg-11-1, #pl-11 .panel-grid-cell .so-panel {
    margin-bottom: 0 !important;
}

Please let me know how it works.

Best Regards,
Csaba

Hi Csaba,

Unfortunately that code did not work.

Please see page www.ccsecretarialservices.com.au.

You will notice a white gap between the call to action and the footer.

Thanks
Dani

Hi,

You can remove the gap between footer and button with this Custom CSS:

#panel-220-4-0-3 .panel-widget-style {
    padding-bottom: 0 !important;
}

and also add this Custom CSS for the remaining white spaces:

#pg-220-0, #pg-220-1, #pg-220-2, #pg-220-3, #pl-220 .panel-grid-cell .so-panel {
    margin-bottom: 0 !important;
}

But the first CSS is OK to have, but as you said you had a white space between footer and call to action, so that will close that space too.

Best Regards,
Csaba

Hi Csaba

I’m sorry but I think you have misunderstood what I have said:

On the about us page http://ccsecretarialservices.com.au/about-us page, I am talking about the white gab between the footer and the call to action bar above it. For some reason now there is a no gap between the header and the image.

Also, how do I delete the large gap between the header and image as well as above the footer on the Our Services page http://ccsecretarialservices.com.au/services-2 and the Contact Us page http://ccsecretarialservices.com.au/contact-us.

Also, on each of the services page eg. http://ccsecretarialservices.com.au/bookkeeping, there is a large gap between the header and the heading “Bookkeeping”.

This seems to happen on every services page, large gaps. Rather than adding a css code for each page, is there a code that will automatically delete the large gaps?

Thanks
Danielle

Hi,

The large gap ( not white, it’s grey ) on your About Us page is because of a few empty paragraph tags in the right column, you have the text added in separate paragraph tags and you also have 3 <p>&nbsp;</p> which creates the empty space.

On the Services and Contact Pages you can remove the large gaps between header and image with this Custom CSS:

#pg-368-0 .panel-row-style {
    padding: 0 !important;
}

.main-content {
    padding: 0 !important;
}

#pg-13-0 .panel-row-style {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

On the bookkeeping page you can hide the gap between header and image with this Custom CSS:

#pg-393-0 .panel-row-style {
    padding: 0 !important;
}

You can remove the large gaps by setting the Row padding to 0, it’s now 100px for all Rows, for top and bottom paddings, that’s why there are that large gaps.

Best Regards,
Csaba

Thanks Csaba

Why is the logo not showing fully on the about us page?

Dani

Hi,

You can make the header on the About Us Page the same as it is on other pages with this Custom CSS:

.page-id-11 #header {
    height: 120px !important;
    max-height: 200px !important;
}

Please let me know how it works.

Best Regards,
Csaba

It worked.

Thank you
Dani

Hi,

Great! You’re most welcome! If you need help with anything else, please, feel free to open a new topic.

Have a nice week-end!

Best Regards,
Csaba