Return to previous page

Controlling the off canvas for acount and cart

This topic has 4 replies, 2 voices, and was last updated 6 months, 2 weeks ago ago by Luca Rossi

Fareed Fares

Participant

June 8, 2024 at 16:08

How to contro the off canvas rondeness, color and color of buttons and size of product images in it for the cart off canvas

and for accountoff canvas how to control text color?

#398754 Copied Theme version: 9.3.11

3 Answers
Luca Rossi

Support staff

June 9, 2024 at 07:14
Hi @Fareed Fares,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:
```
/* Product Image */
.woocommerce-mini-cart img {
    width: 100px;
    height: auto;
}

/* Off Canvas Buttons */
.elementor-menu-cart__footer-buttons {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.elementor-menu-cart__footer-buttons a {
    background-color: #F7941D;
}

/* Product Name */
.elementor-menu-cart__product-name.product-name {
    color: #07488C;
    font-size: 18px;
}

/* Product Name */
.elementor-menu-cart__product-price.product-price span,
.elementor-menu-cart__subtotal {
    color: #F7941D !important;
}
```
Hope it helps!
#398790 Copied
Fareed Fares

Participant

June 9, 2024 at 09:10

Isn’t there something without code I remember I did this before without code I guess?

also how to change the backgroud color?

#398805 Copied

Luca Rossi

Support staff

June 9, 2024 at 14:55

Hi @Fareed Fares,

If you using the Elementer Header Builder, please disable the Customizer Header Builder:

https://prnt.sc/PtKAsDDVUBWq

After that go to Elementer Header Builder, then edit the Shopping Cart, under the Style tab you can control the styles of Off Canvas:

https://prnt.sc/lJyVXuSGfDCT

Hope it helps!

#398818 Copied
Tagged: customize woocommerce canvas, ecommerce cart management, off canvas control, woocommerce account control, wordpress ecommerce solutions, wordpress woocommerce templates
Viewing 4 results - 1 through 4 (of 4 total)