Home › Forums › WoodMart support forum › Full width problem

Full width problem

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 6, 2022 at 9:31 am #411176

    feijinyc
    Participant

    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.
    October 6, 2022 at 11:55 am #411233

    Luke Nielsen
    Keymaster

    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

    October 7, 2022 at 1:29 am #411503

    feijinyc
    Participant

    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.
    October 7, 2022 at 12:15 pm #411622

    Luke Nielsen
    Keymaster

    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

    October 9, 2022 at 7:41 am #412170

    feijinyc
    Participant

    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.
    October 10, 2022 at 3:23 pm #412527

    Luke Nielsen
    Keymaster

    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

    October 11, 2022 at 6:27 am #412667

    feijinyc
    Participant

    Thank you, Luke!

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

    I truly appreciate your help!

    October 11, 2022 at 2:19 pm #412782

    Luke Nielsen
    Keymaster

    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
Viewing 8 posts - 1 through 8 (of 8 total)