How can I create rounded corners on a registration page?

[pikastore]

Hello, can anybody help me with this issue please? I want the box to be on the page rounded as in the screenshot below.

Issue can be found: https://pikastore.cz/account/register

[theycallmemakka · Accepted solution]

Hi @pikastore ,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
.button:before, .shopify-challenge__button:before, .customer button:before, .shopify-payment-button__button--unbranded:before, .shopify-payment-button [role=button]:before, .cart__dynamic-checkout-buttons [role=button]:before, .button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after {
    border-radius: 10px!important;
}

</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[pikastore]

Worked like a charm. Thank you very much.

Enjoy your coffee 🙂