Customize CSS checkout page

Hello! How are you?

I’m trying to change the CSS of the woocommerce/elementor checkout page. I tried simply changing the CSS below:

.elementor-widget-woocommerce-checkout-page .e-checkout__container {
grid-template-columns: 56% auto;
}

for this:

.elementor-widget-woocommerce-checkout-page .e-checkout__container {
grid-template-columns: auto 56%;
}

However, it didn’t work… If anyone has a light, I’d really appreciate it!!!

Here’s an image of how you’d like it to look (smaller left side and larger right side):

https://external.faqa1-1.fna.fbcdn.net/emg1/v/t13/8297219505020089075?url=https%3A%2F%2Fformuladiecast.com.br%2Fwp-content%2Fuploads%2F2022%2F11%2FCheckout.jpg&fb_obo=1&utld=com.br&stp=dst-emg0_q75_s584x297&ccb=13-1&oh=06_AbGSnBNO0jsGfEXyMMc4Ux0PDAhyYQFpOW0MgKiAgdXHoA&oe=63795E70&_nc_sid=ba7457

• This topic was modified 2 years, 4 months ago by leomarioto.