How do I get the logo displayed in the center?

This topic has 9 replies, 2 voices, and was last updated 7 months ago ago by Rose Tyler

  • Avatar: salmi
    salmi
    Participant
    October 3, 2023 at 12:07

    Hi, how do I get the logo displayed in the center? when I set this in the calculated box it is not displayed correctly in the mobile view, in private the screen is.

    Please, contact administrator
    for this information.
    8 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 3, 2023 at 12:17

    Hello, Salmi,

    Thank you for contacting us and for using XStore.

    The next custom CSS code can be used:

    .cart-checkout-light-header .header-main .et_col-xs-3 {
        width: 100% !important;
    }
    .cart-checkout-light-header .header-main .et_col-xs-9 {
        display: none;
    }
    .cart-checkout-light-header .header-main .et_b_header-logo {
        text-align: center;
    }

    Kind Regards,
    8theme team

    Avatar: salmi
    salmi
    Participant
    October 3, 2023 at 14:53

    Hi, thank you very much, that worked great. Can we please tell me where I can remove this button, tried to find the classe but unfortunately no success. Screen in private

    Please contact administrator
    for this information.
    Avatar: salmi
    salmi
    Participant
    October 3, 2023 at 15:05

    Hello again, these two buttons on shopping cart page do not have enough distance as seen in the screen.

    https://prnt.sc/ATzOJqLN1bLz

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 3, 2023 at 15:19

    Hello, Salmi,

    1/

    .etheme-sticky-cart .wc-ppcp-product-payment__methods {
        display: none;
    }

    2/

    .woocommerce-cart .stripe_cart_gateway_active .wc-proceed-to-checkout .checkout-button {
        margin-bottom: 10px;
    }
    

    Kind Regards,
    8theme team

    Avatar: salmi
    salmi
    Participant
    October 3, 2023 at 15:32

    thanks for the quick help, unfortunately this rule does not work.

    .woocommerce-cart .stripe_cart_gateway_active .wc-proceed-to-checkout .checkout-button {
    margin-bottom: 10px;
    }

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 3, 2023 at 15:54

    Hello, Salmi,

    Please change the code to:

    .woocommerce-cart .stripe_cart_gateway_active .wc-proceed-to-checkout .checkout-button {
        margin-bottom: 10px !important;
    }

    Kind Regards,
    8theme team

    Avatar: salmi
    salmi
    Participant
    October 4, 2023 at 13:21

    Hi, thanks for the help. on the item page the paypal button is not displayed completely, it happens that sometimes it is displayed completely and sometimes it is not loaded completely as you can see in the screen.

    https://prnt.sc/DTpPwh3LHC25

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 4, 2023 at 15:44

    Hello, Salmi,

    Please provide URL of page, not only screenshot, next time.

    .single-product #wc-ppcp-product-button-container .paypal-buttons {
        min-height: 41px;
    }

    Kind Regards,
    8theme team

  • Viewing 9 results - 1 through 9 (of 9 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.