Request for assistance with changes to cart settings

This topic has 10 replies, 3 voices, and was last updated 5 days, 9 hours ago ago by Ayan Rahman

  • 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

    Content is visible for topic creator and
    support staff only.
    Files is visible for topic creator and
    support staff only.
    9 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:

    Content is visible for topic creator and
    support staff only.
    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

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

You must be logged in to reply to this topic.Log in/Sign up

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