Home › Forums › WoodMart support forum › Font and Price Settings Grid

Font and Price Settings Grid

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 19, 2025 at 11:05 pm #647369

    scholtobos
    Participant

    Hi,

    I changed the font size and color of the title and price in the loop (product archive) by going to Typography > Advanced > Product grid price / Product grid title.

    It works perfect on the product archive page but it also affects the font price and title on product carousels on a single product page.

    Can you please help me give me some hints to use a css code to:

    1) change color and font of product title on the product archive page
    2) change color and font of product price on the product archive page

    And separately for:
    1) change color and font of product title on a product carousel on a single page
    2) change color and font of product price on a product carousel on a single page

    Thanks in advance.

    • This topic was modified 1 year, 3 months ago by scholtobos.
    • This topic was modified 1 year, 3 months ago by scholtobos.
    March 20, 2025 at 3:50 pm #647602

    Hung Pham
    Participant

    Hi scholtobos,

    Thanks for reaching to us.

    1. For product grid, you can use Product grid selectors https://ibb.co/nMqsxpN2

    2. And you can use Single product selector for single product styles.

    Regards,

    March 20, 2025 at 4:19 pm #647617

    scholtobos
    Participant

    Hi Hung,

    I think you understand me wrong.

    When I use these selectors https://ibb.co/nMqsxpN2 it not only affects price and titles on the category page https://www.finler.nl/betaalrekening/priverekening/

    But it also affects the price and titles on the carousel on a single product page
    https://www.finler.nl/betaalrekening/abn-amro-basispakket-betalen/ (scroll down to see carousel)

    So can you be more specific on how to add css codes to modify them seperately.

    March 21, 2025 at 8:27 am #647763

    Hung Pham
    Participant

    Hi scholtobos,

    Navigate to Theme Settings > Typography > Advanced. In this area, you can assign elements to below Custom Class https://prnt.sc/io-tdHNTYyPz

    1. Product Grid

    div.wd-product.product-list-item .product-list-content .wd-entities-title, div.wd-product.product-list-item .product-list-content .price

    2. Single product

    .single-product .wd-carousel .wd-product .wd-entities-title, .single-product .wd-carousel .wd-product .price

    Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

    Regards,

    March 21, 2025 at 10:28 am #647799

    scholtobos
    Participant

    Thanks Hung Pham! That works. You can close this ticket.

    March 21, 2025 at 12:17 pm #647850

    Hung Pham
    Participant

    Hi scholtobos,

    Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

    If you have a quick minute we always appreciate a 5-star rating on our theme!

    https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

    Your feedback is the motivation to improve our work and services.

    Regards,

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

The topic ‘Font and Price Settings Grid’ is closed to new replies.