This topic has 10 replies, 3 voices, and was last updated 8 months, 3 weeks ago ago by Andrew Mitchell
Hi again,
I’ve been making some troubleshooting and I’ve found that I need to improve several elements:
– The agree checkbox of the checkout is very small IMHO. How can I make it bigger? https://prnt.sc/XbrXK4a1fImU
– After the payment is done, in the order received page it has a text element is redirecting to the terms and conditions page. I want to delete that item. https://prnt.sc/ueCak_Pazxxx
– In this same page, ¿is possible to change the order of the elements? Because I’d prefer to show in first place the address, so the client can check that it is correctly introduced. https://prnt.sc/CkHpW_QjRr2u
Again, thanks for your support!
Hello,
Thank you for contacting us and for using XStore.
1/ To enlarge the agree checkbox on the checkout page, you can add custom CSS code (Theme Options > Theme Custom CSS > Global):
.woocommerce form .form-row .input-checkbox {
transform: scale(1.3); /* Adjust the scale value as needed */
}
2/
.woocommerce-order-received a.woocommerce-privacy-policy-link {
display: none !important;
}
3/ Theme Options > Theme Custom CSS > Global:
.woocommerce-order-received .woocommerce-columns {
display: flex;
flex-direction: row-reverse;
}
.woocommerce-order-received .woocommerce-column {
width: 100%;
}
and Theme Options > Theme Custom CSS > Mobile:
.woocommerce-order-received .woocommerce-columns {
display: flex;
flex-direction: column-reverse;
}
We trust that the information provided will be of significant assistance to you.
Best Regards,
8Theme’s Team
HI! Thank you four your support.
1 and 2 are working as expected. But the 3 is not. I want to have the two address columns before order details (https://prnt.sc/YPkPVYuv7Kvm)
Thanks again!
Hello, Buf,
You’re welcome!
.woocommerce-order-received .content .woocommerce-order {
display: flex;
flex-direction: column;
}
.woocommerce-order-received .woocommerce-thankyou-order-received { order:1; }
.woocommerce-order-received p.text-center { order: 2; }
.woocommerce-order-received .woocommerce-order-overview-wrapper { order: 3; }
.woocommerce-order-received section.woocommerce-order-details { order: 5; }
.woocommerce-order-received section.woocommerce-customer-details { order: 4;}
– change orders depending on your needs.
If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.
Best Regards,
8Theme’s Team
Hi again.
It is working flawesly in desktop!! But I’ve just realized that in the mobile version these two columns (the address ones) are not appearing. I’ve deleted this last fragment of code you have provided and the problem persists.
– Desktop version: https://prnt.sc/DtnidhULYUPf
– Mobile one: https://prnt.sc/DbCrmuzruzXx
Hello, Buf,
Thank you for getting in touch with us.
We kindly request that you create a temporary account for us on your platform. Once the account is established, we would appreciate it if you could place an order using this account. After completing the order, please share with us the following details:
1. Username
2. Password
3. The URL of the ‘Thank You’ page that is displayed post-order.
We thank you in advance for your cooperation and assistance.
Best Regards,
8Theme’s Team
Hi!
Here you have:
Hello, Buf,
We appreciate your prompt response.
Upon reviewing the page, we have confirmed that all information is visible from the mobile view as illustrated in the following screenshot: https://prnt.sc/QkH0-CC1nWm2. We believe there are no issues present. We kindly ask that you verify this once again at your earliest convenience.
Best Regards,
8Theme’s Team
Hi!!
I want to apologize for opening a support ticket for an issue that was previously occurring, but is no longer happening, because it seems to be solved and working perfectly.
Please disregard the ticket and I’ll mark it as solved. I appreciate your attention and assistance. Thank you for your understanding and patience.
Dear buf,
We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.
Click here to rate now: https://themeforest.net/downloads
Thank you sincerely for your ongoing support!
Best Regards,
The 8Theme Team
The issue related to '‘Change some elements on the checkout process’' has been successfully resolved, and the topic is now closed for further responses