WPDevHQ

Add the following css rule to your stylesheet…

.page-template-full-width .site-main {
    margin-bottom: 0;
}

Awesome.

Be sure to mark the thread as resolved ??

All the best.

To remove the header and footer with just css then in the above given code change this…

.page-template-full-width.elementor-page header#masthead,
.page-template-full-width.elementor-page footer#colophon {
    margin: 0 auto;
    max-width: 1348px;
}

To

.page-template-full-width.elementor-page header#masthead,
.page-template-full-width.elementor-page footer#colophon {
    display: none;
}

Just remember that this will be applied to all Elementor pages using the full width template.

No problem.

I’ve submitted a plugin to be reviewed for inclussion in the repository here. It addresses the issue by adding a blank template.

Not sure if the forum moderators will allow for the GitHub repo link to be posted here?

Search for “Elementor Templater” on GitHub and you’ll find it ??

That can be resolved with the following two steps.

a) Set the background color to white via Custimizer >> Colors – and
b) Add the following css to the child theme’s style.css

.page-template-full-width.elementor-page .site {
      margin: 0;
      padding: 0;
}

The above css is for the Elementor pages only. For site wide then use

.site {
      margin: 0;
      padding: 0;
}

OK, apologies on the folders – should not be deleted!

Sorry, had one of my custom template plugin active when I did the initial test. Failed to realise the template was being pulled from the plugin and not the parent theme.

Do I understand correctly that the”page-templates” and “template-parts” folder you just need to remove? I deleted it, but nothing changed.

That is the correct behaviour – basically the default fullwidth template in the parent theme is being used in conjunction with the above css rules.
***But I think I may have my wires crossed on that*** rechecking!

How can I remove the red areas in the image?

Not come across that issue. If you can provide a link we can take a look and hopefully offer a solution ??

This is the CSS that’s needed for the TwentySixteen child theme.

.page-template-full-width.elementor-page .full-width {
	width: 100%;
}

.page-template-full-width.elementor-page .site-inner {
        max-width: 100%;
}

.page-template-full-width.elementor-page header#masthead,
.page-template-full-width.elementor-page footer#colophon {
	margin: 0 auto;
	max-width: 1348px;
}

.page-template-full-width.elementor-page .site-content {
        padding: 0;
}

.page-template-full-width.elementor-page .entry-header,
.page-template-full-width.elementor-page .entry-footer {
        display: none;
}

.page-template-full-width.elementor-page .entry-content {
        max-width: 100%;
	margin-right: 0;
        margin-left: 0;
	overflow: hidden;
}

You also need to remove both the “page-templates” and “template-parts” folders from the theme and let it use the default ones from the parent theme. I’d suggest making a copy to create your own child theme thus preserving your changes.

You are welcome Tom and good luck.

Glad to be of service Tom ??

Hello Tom.

Should be able to add a customizer option for that. Give me a few and I’ll get it added and push an update shortly.

Regards,
Zulf

@erwin008 can you provide more info of your setup and a link to the site please?

Hi spinshock,

The sections work only with the homepage template. If you ad the widgets and then create a page select the templated then view you should be able to see the active sections.

Let me know if that helps.

Regards,
Zulf

This plugin won’t do that.

You can however reorder the categories via Admin product category page – simply drag and drop the categories where you want them.

Well that leaves me stumpped as I can not replicate the issue locally or on a live server :/