Customizing Shop Elements

Hi, where can I customize this following sections

PRODUCT GRID
– vertical paddings between product blocks
– paddings and text alignment for product title, category and price

SIDE MINI CART
– font size for SHOPING CART and SUBTOTAL

Regards

Hello,

1- To access the options related to Shop and Category pages Products Grid, you can go to the Dashboard > Theme Settings > Product Archives > Products Grid & Theme Settings > Product Archives > Product Styles:

https://xtemos.com/wp-content/uploads/2020/09/products-grid-wd-7.jpg (Products Grid)
https://xtemos.com/wp-content/uploads/2020/09/products-styles-wd-7-scaled.jpg (Product Styles)

2- For the Font-Size change of the Shopping Cart and SubTotal Text under the Cart Widget on the Site, please try out the following Custom CSS on your Site to be pasted under the Dashboard > Theme Settings > Custom CSS > Global Custom CSS:

– SHOPPING CART text:

.cart-widget-side.wd-side-hidden.wd-right.wd-opened .title.widget-title {
    font-size: 15px !important;
}

– SUBTOTAL text:

.cart-widget-side .widget_shopping_cart .shopping-cart-widget-footer .woocommerce-mini-cart__total strong {
    font-size: 20px !important;
}

Best Regards.

Hello,

These are presets only and cannot be customized with these options
– vertical paddings between product blocks
– paddings and text alignment for product title, category and price

Thanks for the instructions under subject 2.

Regards

Hello,

Can you please elaborate more with an image or video what exactly you want to achieve in terms of Padding and Text Alignment for Products?

Also, please share your Site URL or WP-ADMIN Login details too so that we can better check on your Site and assist you accordingly.

Best Regards

Hi, see attached picture.
Thank you

Regards, Grega

Attachments:

You must be logged in to view attached files.

Hello,

1- If you want to make the Product Titles and other Info on the Shop or Category pages to center then it would require CSS to do that but if you want you can select different Product Styles for your Products which you can find under the Dashboard > Theme Settings > Product archives > Product styles > which shows the Product content info centered: https://ibb.co/HDCWgTJ

So, it would be better if you select the Layout which supports center-aligned content.

2- If you want to adjust the Padding vertically between the Products (i.e. in the Column way) then you can try out the following CSS on your Site:

.products.wd-stretch-cont-lg :is(.product,.product-wrapper) {
    padding-bottom: 15px !important;
}

Location to paste Custom CSS, please go to Dashboard > Theme Settings > Custom CSS > Global Custom CSS > there you need to paste the CSS.

Best Regards.

Hello, can you send me a CSS line for Amount font in side cart subtotal.

Thank you

And also for the currency sign, I think that all this elements are separated.

Hello,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

.woocommerce-mini-cart__total .amount {
  font-size: 25px !important;
}

This CSS changes font for Subtotal as well as the Currency Symbol along with that under the Cart widget off-canvas style.

Best Regards

[Author]

Posts