[mrboatsParticipant]

Now working on setting up checkout/payments. Functionally I’m good but all the checkout pages have copious amounts of white space between elements (see small snippet of page in 100% and other screenshot oo part of the page in 25% view, I cannot fit the page on a screen even with that setting).

I have cleared out the customizer and the child theme css file to ensure that none of the custom settings I’ve added are creating this, but even with clean slate customizer and theme css, the checkout page looks the same.

Using renew, 4.3.4 and child theme 1.0, woo 2.5.5, checkout is setup with just the Woo shortcode. All other woo pages behave well.

Anything obvious that I’m missing?

[mrboatsParticipant]

This reply has been marked as private.

[mrboatsParticipant]

Hoping for something like this ofcourse: https://theme.co/x/demo/shop/renew/checkout/

[RupokMember]

Hi there,

Thanks for writing in! I am having difficulty to access the checkout page as I can see a contact form when I click “Proceed to checkout” – http://prntscr.com/annkyu

Would you kindly point us the right direction?

Cheers!

[mrboatsParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add the following code in Customize -> Custom -> CSS :

.page-id-1443 pre {
    line-height: 0px;
}
.page-id-1443 input {
    margin: 0;
}

Hope it helps.

[mrboatsParticipant]

Yes thanks, the white space is now gone (but where did it come from in the first place)? However the layout of the Renew sample page is still a lot nicer (my page page is now lined up along the left side), what did you do to achieve this: https://theme.co/x/demo/shop/renew/checkout/ ?

[RupokMember]

Hi there,

Thanks for updating. It was achieved through some custom CSS. You can inspect and see/grab the styling and apply for your site through Custom CSS options.

Cheers!

[mrboatsParticipant]

I looked at the example and as far as I can see, apparently the renew CSS has been modified so very hard to extract the changes. Feature suggestion: add the .css for the examples as css files that can be used in the child theme styles file to achieve the desired effect and post just those files?

[Paul RModerator]

Hi,

It seems that you are not using renew stack default checkout page and building your own.

Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[mrboatsParticipant]

Say what? How do I not use the standard page?

[mrboatsParticipant]

How can I get more “standard” than just the [woocommerce_checkout] shortcode?

[JadeModerator]

Hi there,

I have tried to check the booking process of your site and it seems like your checkout process is a customized one since it redirects to a page that has a contact form. Since this is a customized process, although we would love to give as much assistance that we can but this goes beyond the scope of our support due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script.

Thank you for your understanding.

[mrboatsParticipant]

Yes, as I explained in this message, the normal checkout has been disabled but the checkout page itself (which you can activate with the linki above) is totally standard and the behaviour/look of it is exactly the same if I enable it as part of the regular checkout. As at least Christopher seemed to understand.

[ZeshanMember]

Hi there,

WooCommerce has its own checkout page; you can confirm it by going to our Renew checkout page and looking at the body class in web inspector (see: http://prntscr.com/ap7uo7). Your checkout (Payments) page is a custom one and not WooCommerce default checkout page (see: http://prntscr.com/ap7v3o). The actual checkout page in your site is http://dokk.fi/en/kassa/, but you have customized it to show a different form than WooCommerce regular checkout form. On the WooCommerce default checkout page, we output specific styling for the checkout form. Since your page is a custom one, it’s not showing the specific WooCommerce checkout form styling.

In this case, as mentioned above, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself.

Thank you for your understanding. Take care!

[Author]

Posts