Request for assistance with changes to cart settings

This topic has 24 replies, 5 voices, and was last updated 1 month ago ago by Tony Rodriguez

  • Avatar: Pites
    Pites
    Participant
    March 20, 2026 at 00:22

    Hi,
    I would like to ask for help with making changes to the cart, as I’m unable to resolve these issues on my own:
    1. Different font sizes at the bottom of the cart – highlighted in the screenshot.
    2. The “Kupuję i płacę” button – how can I change its color to green?
    3. In the last screenshot – I would like to change the order, color, and font size of the buttons: “Zobacz koszyk” and “Przejdź do bezpiecznej płatności.”
    Specifically:
    • The first button should be “Przejdź do bezpiecznej płatności” and it should be green.
    • The “Zobacz koszyk” button should be below it, without color, and with a smaller font.
    • The labels should appear exactly as:
    “Przejdź do bezpiecznej płatności” and “Zobacz koszyk.”

    Could you do it ?
    Thank you.
    Peter

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    23 Answers
    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    March 20, 2026 at 14:07

    Hi,

    Thank you for reaching out to us.

    1. Custom CSS code can be used:

    .woocommerce-terms-and-conditions-wrapper .form-row label {
        font-size: 16px !important;
    }

    2.

    .form-row.place-order .button {
        background-color: green;
        color: white;
        border-color: green;
    }

    3.

    .mini-cart-buttons {
        display: flex;
        flex-direction: column-reverse;
    }
    .mini-cart-buttons a:not(:first-child) {
        margin-top: 0px !important;
        margin-bottom: 9px !important;
    }
    .mini-cart-buttons .btn-checkout {
        background-color: green;
        color: white;
        font-size: 14px;
        border-color: green;
    }
    .et_element .mini-cart-buttons .wc-forward:not(.btn-checkout) {
        background-color: white;
        color: green;
        font-size: 12px;
        border-color: white;
    }

    Warm Regards,
    The 8Theme Team

    Avatar: Pites
    Pites
    Participant
    March 20, 2026 at 16:09

    Great, thank you almost happy.
    One more small change: the text “Złóż zamówienie” should appear on a button with the same size as the current “ZOBACZ KOSZYK” button.
    Additionally, the text “ZOBACZ KOSZYK” should be written as “Zobacz koszyk”, with a white background and green font color similar like in the cart.

    There is also one more place – cart– where the “Przejdź do kasy” button should be changed to the same green color and text to white.
    Screens below
    Could you change it ?
    Thank you

    Files is visible for topic creator and
    support staff only.
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    March 20, 2026 at 17:54

    Hello, Pites,

    We have added the following custom CSS for you to modify these buttons:

    body .et_element .mini-cart-buttons .wc-forward:not(.btn-checkout){
        color: var(--et_btn-bg-color);
        background-color: #fff;
        text-transform: capitalize!important;
    }

    Best regards,
    The 8Theme Team

    Avatar: Pites
    Pites
    Participant
    March 20, 2026 at 21:23

    Great, thank you,
    And the last one change in the cart.
    There is “Przejdź do kasy” button and it should be green also. Screen below.
    Thank you for help!!!

    Files is visible for topic creator and
    support staff only.
    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    March 21, 2026 at 05:41

    Hi,

    You’re welcome!

    .woocommerce-cart .wc-proceed-to-checkout .button:not(:last-child) {
        background-color: green;
        color: white;
        border-color: green;
    }
    .woocommerce-cart .wc-proceed-to-checkout .button:not(:last-child):hover {
        background-color: white;
        color: green;
        border-color: green;
    }

    Warm Regards,
    The 8Theme Team

    Avatar: Pites
    Pites
    Participant
    March 21, 2026 at 10:39

    Great, it works. Thank you
    I’ve found a few more places in the cart view that I’m unable to fix. Specifically:

    Please contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    March 21, 2026 at 11:37

    Hi,

    Thank you for reaching out to us.

    1/

    .cart-checkout-light-header .cart-checkout-nav {
        font-size: 14px;
    }

    2/ Please describe the desired result in more detail.
    3/ Use the Loco Translate plugin to change the mentioned text.
    4/ Custom CSS code can be used. For example:

    .etheme-above-checkout-form>div:not(:first-child) {
        margin-top: 10px;
    }

    Warm Regards,
    The 8Theme Team

    Avatar: Pites
    Pites
    Participant
    March 22, 2026 at 18:43

    Great thank you

    Files is visible for topic creator and
    support staff only.
    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    March 22, 2026 at 22:17

    Hi,

    To assist you more effectively, we kindly request that you record a video demonstrating the issue and the steps leading to it. This will help us better understand and replicate the problem on our end.
    Upload the video on a filesharing service, for example – https://fex.net/ , and provide us with the URL.
    Additionally, provide URLs of pages from your screenshots.

    Warm Regards,
    The 8Theme Team

    Avatar: Pites
    Pites
    Participant
    April 3, 2026 at 22:12

    Hi,
    Sorry, I was out of office. Below photo on mobile and desktop. The problem is with green buttons Add to cart and buy. On mobile they look not good.
    Please check it and help how to correct it.
    The problem is only visible on products with variants on mobile – green buttons are out of the screen.
    Thank you,
    Peter

    Please contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    April 4, 2026 at 07:44

    Hi,

    Thank you for reaching out to us.

    Could you please provide temporary wp-admin access? We need to check your settings.

    To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

    Warm Regards,
    The 8Theme Team

    Avatar: Pites
    Pites
    Participant
    April 4, 2026 at 13:50

    Ok

    Please contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 5, 2026 at 10:55

    Hello @Pites,

    Please check now. We have added the following custom CSS in your Theme Options:
    .single-product-builder form.cart {max-width: 100%;}

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: Pites
    Pites
    Participant
    April 5, 2026 at 11:35

    Hi,
    Thank you for help.
    But still it looks different when you open product with options and without, on mobile and desktop. Please check these two products, how they look on moble and desktop. It would be better if the buttons look the same.
    So the best look of buttons for all product will be like:
    – mobile like product with options now.
    – and desktop like single product now.

    Thank you for help,
    Peter

    Please contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 5, 2026 at 11:41

    Hello

    Please, check now.
    Desktop: https://prnt.sc/mJi-E7pBJz1E
    Mobile: https://prnt.sc/3bIn7_2BIDuk

    Kind regards, Jack Richardson
    The 8theme’s team

    Avatar: Pites
    Pites
    Participant
    April 5, 2026 at 12:26

    Hi Jack.
    THE BEST SUPPORt !!! YES
    One more request, I’m referring to the product image that shifts/moves when you hover over it with the mouse. Is there a way to disable this? I tried to find….

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 5, 2026 at 15:14

    Hello @Pites,

    Please, check now. We improved the request with custom CSS solution.

    Kind regards
    Jack Richardson
    The 8theme’s team

    Avatar: Pites
    Pites
    Participant
    April 5, 2026 at 19:08

    GREAT, thank you for your help.
    So it must be done i CSS ?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 6, 2026 at 06:07

    Hello @Pites,

    Yes, we have added the following custom CSS:
    .swiper-control-top:not(.zoom-on) img.zoomImg {display: none !important;}

    If your main request has been resolved, please mark this topic as closed. For any further questions, please create separate topics.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: Pites
    Pites
    Participant
    April 6, 2026 at 11:32

    Hi,
    One more and I close. I have a problem with trustpilot banner below the price on every product page. I try to move it to the lef margin. Could you help me with this. Screen below
    Thank you,
    Peter

    Files is visible for topic creator and
    support staff only.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 6, 2026 at 12:01

    Hello @Pites,

    Unfortunately, this widget is displayed within an iframe, so the default styles are not applied to its content, which is centered by default.

    You may try using the following custom CSS to make the block shown as inline content:

    .single-product-builder .trustpilot-widget:has(>iframe) {  
        display: inline-block;  
    }

    Frontend result: https://prnt.sc/0cFS0Sld3Pyb

    If you still need to make further modifications, we recommend contacting the plugin developers directly, as they are more specialized in their product. Additionally, we found the following article that may be helpful: https://pietromingotti.com/how-to-style-trustpilot-widgets/#why-does-the-trustpilot-widget-stay-centered

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: Pites
    Pites
    Participant
    April 6, 2026 at 12:07

    Thanks for the support! My topic “Request for assistance with changes to cart settings” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    April 6, 2026 at 12:07

    Dear Pites,

    Thanks for being part of our WordPress & WooCommerce community!

    We’re happy we could assist you. Your feedback truly matters — it helps us make XStore better, faster, and more reliable with every release.

    Together, we’re shaping a better WooCommerce experience for everyone.

    Topic closed.
    The 8Theme Team

  • Viewing 24 results - 1 through 24 (of 24 total)

The issue related to '‘Request for assistance with changes to cart settings’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.