Home Forums WoodMart support forum Customizing Shop Elements

Customizing Shop Elements

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #412395

    Grega
    Participant

    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

    #412543

    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.

    #412558

    Grega
    Participant

    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

    #412694

    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

    #412700

    Grega
    Participant

    Hi, see attached picture.
    Thank you

    Regards, Grega

    Attachments:
    You must be logged in to view attached files.
    #412792

    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.

    #418816

    Grega
    Participant

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

    Thank you

    #418818

    Grega
    Participant

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

    #418912

    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

Viewing 9 posts - 1 through 9 (of 9 total)