Full width problem

Hello,

I created the checkout with Elementor Builder under CartFlows plugin. I tried to prevent this page from being full width, but unfortunately, I can’t.

1. I just tested it with the Twenty Twenty theme. The problem is actually caused by the Woodmart theme. With Theme Twenty Twenty, the page is loaded normally and is not displayed in full width.

2. I also adjusted the Site width in Theme Settings, still doesn’t work.

Please help me 🙁

Attachments:

You must be logged in to view attached files.

Hello,

For the Checkout page, you have set a template that removes the width of the container:

https://prnt.sc/sdPijEm6FaSl

So you should set the “Default” template for proper work of the container on the Checkout page.

https://prnt.sc/zD8Gk8bjXnx8

Kind Regards

Thank you so much! It works!

I have another question here. How do I change Google sign-in style from Dark to Light?

Attachments:

You must be logged in to view attached files.

Hello,

The below code will help you to change the style of this button, please enter it into the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.social-login-btn .login-goo-link {
    background-color: #FFFFFF;
    color: #333;
    border: 1px solid grey;
}

.social-login-btn .login-goo-link:hover {
    color: #fff;
    background-color: #4285F4;
}

You can also reach out to us if you have any questions.

Kind Regards

Hi,

Thank you so much for your help, Luke!

One more question here.

How do I change the text swatches’ color? Including:

• Original swatch background color
• Hover swatch background color
• Active swatch background color
• Original swatch text color
• Hover swatch text color
• Active swatch text color

Best Regards

Attachments:

You must be logged in to view attached files.

Hello,

We have different swatch designs via Dashboard -> Products -> Attributes -> Swatch.

https://prnt.sc/hkNLcmddMgBt

In case it doesn’t fit you, I can prepare a custom CSS for changing it.

Kind Regards

Thank you, Luke!

Unfortunately, it doesn’t fit my site. Could you please help with custom CSS?

I truly appreciate your help!

Hello,

The below code will help you to change the bg, hover, active color for the swatches. Enter it into the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.wd-swatches-single .wd-swatch {
    color: #fff;
    background-color: #51CFA4;
}

.wd-swatches-single .wd-swatch:hover,
.wd-swatches-single .wd-swatch.wd-active {
    background-color: blue;
    color: orange;
}

Kind Regards

[Author]

Posts