Home › Forums › WoodMart support forum › Product title headings

Product title headings

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 4, 2021 at 2:04 am #263763

    E-N Admin
    Participant

    Hi there,

    For Desktop:
    How do I make the product title in product page bigger? Without it affecting the product title size in “shop page” ?
    See image: https://prntscr.com/y7lmur

    For Mobile version:
    How do I make the product title in shop page bigger? Without it affecting the product title in product page?
    See image: https://prntscr.com/y7lw6z

    Also, in mobile version can I remove the wishlist icon on the corner of the image? Only in mobile version I want to remove this functionality showing up on products that are on the shop page.
    See image: https://prntscr.com/y7lwru

    Thank you for your help.

    February 4, 2021 at 7:59 am #263802

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    1) Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

    .single-product .product_title.entry-title {
    font-size: 24px;
}

    2) Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

    .product-grid-item .product-title {
    font-size: 24px;
}

    3) Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

    .woodmart-wishlist-btn {
    display: none;
}

    Best Regards.

    February 4, 2021 at 9:06 am #263826

    E-N Admin
    Participant

    Hi,

    Thank you for your prompt response.

    I’ve entered the below code however, it did not work and the font size on mobile didn’t change.

    3) Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

    .woodmart-wishlist-btn {
    display: none;
    }

    Thanks for your help.

    February 4, 2021 at 11:57 am #263871

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You are Most Welcome.

    Please replace the previous CSS with the following in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

    For product title size on shop:

    .product-grid-item .product-title a {
    font-size: 20px;
}

    3) And the CSS I provided to remove the wishlist on the products archive on mobile is working fine. Please clear cache and check back.

    Regards.
    Xtemos Studios.

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