CPT-UI & CPT Page Template Plugin - Pro Page Template issue

Hi Team

I am using CPT-UI to create a ‘Projects’ section for one of my clients on their website, whilst also using CPT Page Template plugin to pull through the options to use the X/Pro Page Templates.

All of this has worked well - am using the “No Container, Header & Footer” template - except for one minor issue.

There is a gap/white space at the very top of the page and a smaller gap at the very bottom - almost like a margin or padding. I’m looking to have this removed somehow via CSS if possible.

Top of page with white space:

Page example:
https://www.callerybuilding.com.au/projects/highgate/

Custom Post Type entry:

You will notice the other pages (except for the other Projects) dont have this issue.

Any assistance is appreciated.

Cheers,
Sam

Hi Sam,

That’s the default padding of entry-content class. To remove it, please add the following CSS under Theme Options > CSS:

.projects-template .entry-content {
    margin-top: 0;
}

Hope it helps :slight_smile:

1 Like

Thanks Thai - that worked!

I tried removing the very small gap at the bottom of the page with margin-bottom: 0; however that didnt work. If you could let me know what the CSS would be for that, that would be great.

Cheers,
Sam

Hi Sam,

That’s the margin of the date picker from GravityForm. To remove it, please also add this custom CSS:

.ui-datepicker {
    margin: 0;
}

Hope it helps :slight_smile:

That one didn’t work :frowning:

Can you double check for me via this page:
https://www.callerybuilding.com.au/projects/semaphore

Thanks
Sam

Hi Sam,

Please try this instead

#ui-datepicker-div {
	margin-top: 0 !important; 
}

Hope it helps,
Cheers!

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.