[Resolved] Jetpack Features breaking layout

Hi Barry

Thanks for reaching out 🙂

Widget Areas:

The footer will split into columns as you add widgets. If you add a single widget it’ll take up 100% of the footer (single column). If you add four, each will take up 25% (four columns). If you’re planning on adding additional widgets to the footer then this shouldn’t be a problem. If you want to only add this one widget, let me know and I’ll assist with a little Custom CSS to restrict the size.

The header widget area is intended to completely replace all header contents. It’s intended for sites that would prefer to design the own header for the use case they have in mind. There is a brief explanation of this in the widget area description.

WooCommerce:

I don’t think a delay in card processing is theme related. To confirm this, try running a brief troubleshooting test. Temporarily switch to the default theme Twenty Nineteen (or Twenty Seventeen) and try the card processing again. Check to see if there is any change in the processing time. I don’t believe there will be. If your site is public and are concerned about the test being visible, you can put this site into maintenance mode first.

I ran into this issue with WooCommerce on a client site last year. We couldn’t find the root cause of the problem. We migrated the site to Cloudways hosting and switched email from using Gmail SMTP to using SendGrid connected via their WordPress plugin. That combination seemed to reduce the processing time down to an acceptable number. There is quite a lot written on this problem on the various forums.

The Stripe error block I can certainly assist with. I’ll come back to you with a hotfix for that.

The following added to Customize > Additional CSS or the Custom CSS location of your choice should resolve the Stripe issue. These rules can be removed after the next theme update. Thanks.

.woocommerce #payment .payment_methods .woocommerce-error li {
	padding: 0;
}

.woocommerce #payment .payment_methods .woocommerce-error {
	clear: both;
	margin-bottom: 0;
}

Super, glad that helps 🙂

What you could do is create a template page that you won’t add to your menu. Within the template page, in Page Builder, click Layouts and then Clone: Pages to import the page you want to start with. Make the changes you’d like to make and save. You could then clone this page on any other page using the same steps.

It’s also possible to move layouts by going to Layouts > Import/Export > Download Layout. You could then import a layout using the same steps. To change a layout though, consider creating a template page and importing or cloning the page you want to start with and then make the changes you need to.