Home New Guten › Forums › WoodMart support forum › Cart layout stylize

Cart layout stylize

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 26, 2025 at 6:41 pm #663364

    accounts-3375
    Participant

    See screenshot attached with questions about how to stylize.

    1. Quantity not displaying in cart icon in header
    2. Make cart total table black border
    3. Make cart total font black
    4. In product table: Make quantity arrows hover state black
    5. In product table: Increase font size for product name
    6. “Apply coupon” button: remove border and capitalize. Where do I adjust button colors?
    7. “Proceed to checkout” button: capitalize. Where do I adjust button colors?

    Attachments:
    You must be logged in to view attached files.
    May 27, 2025 at 1:48 pm #663553

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    01. Due to the white color and white background, it is not showing. Try to add the following custom css in Theme Settings > Custom CSS:

    .wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8) .wd-tools-count {
    color: #000000 !important;
}

    02. Try to add the following custom css in Theme Settings > Custom CSS:

    .cart_totals  tr.order-total strong .amount {
    border: 1px solid black;
}

    04, 06, 07. For the button styles, you can adjust those buttons via Theme Settings -> Styles and colors -> Buttons: https://gyazo.com/f8247d7ade8737dd34a9bb0e9b031058

    ACCENT BUTTONS. Buttons that are directly related to the WooCommerce purchase functionality.

    DEFAULT BUTTONS. All others, such as WooCommerce, supported plugins, and theme options buttons that are not included in the above category, and those buttons that do not have their own button settings.

    For the advanced button styles, please follow this guide: https://xtemos.com/docs-topic/advanced-button-styles/

    03, 05. To change the text color, you can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

    Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

    Best Regards,

    June 2, 2025 at 5:33 pm #664792

    accounts-3375
    Participant

    Thanks for your response. Some items didn’t work. Can you please check?

    01. Code did not make any changes

    02. Code did not make any changes

    04. Button styles: I don’t see an option in the drop-down to change the quantity style in the Advanced Buttons style menu.

    06. Button styles: The “Apply coupon” button still has a black border. The border is not an option in the Theme Setting > Buttons menus.

    03. and 05.: In the advanced typography menu, the drop-down of customizable options doesn’t include the Product Name in the table, nor the Cart Total. Can you confirm how I can stylize these two items? I don’t know how to use the custom option.

    June 3, 2025 at 9:23 am #664935

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I have checked your site, and the changes on cart pages are working fine.

    See Screenshot for clarification: https://ibb.co/cS3vRZJy

    I recommend clearing your browser cache/ site cache/server cache while checking the issue.

    Best Regards,

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)