Return to previous page

How do I get the logo displayed in the center?

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

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.

#369199 Copied Theme version: 1.0

8 Answers
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
#369201 Copied
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.

#369224 Copied

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

#369225 Copied
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
#369226 Copied
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;
}

#369230 Copied
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
#369232 Copied
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

#369343 Copied
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
#369360 Copied
Tagged: center positioning, logo display, site customization, web development, website design, woocommerce, wordpress templates
Viewing 9 results - 1 through 9 (of 9 total)