Home › Forums › WoodMart support forum › How to increase item title font size in product grid

How to increase item title font size in product grid

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 26, 2018 at 10:35 am #69373

    starmonday
    Participant

    Hi,

    May I know how I can edit the title font size for the items in the product grid please?

    Thank you!

    July 26, 2018 at 11:28 am #69376

    Elise Noromit
    Member

    Hello,

    Product title can be changed by custom CSS. Add this code the Theme settings > custom CSS:

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

    Change font-size value as per your needs.

    Best Regards

    July 26, 2018 at 11:55 am #69386

    starmonday
    Participant

    thank you for the CSS. it works on desktop browser, but not on mobile browser. may i know how to get it to work on mobile browser too?

    July 26, 2018 at 12:04 pm #69390

    Elise Noromit
    Member

    Hello,

    Make sure you have added the CSS to Global Custom CSS.

    Best Regards

    July 26, 2018 at 12:14 pm #69391

    starmonday
    Participant

    Yes, i did add to Global Custom CSS, but it doesn’t reflect on mobile browser, you can refer to the private link attached 🙂

    July 26, 2018 at 12:59 pm #69399

    Elise Noromit
    Member

    Hello,

    I have checked and see that the title is the same on mobile and desktop:

    Please clarify.

    Best Regards

    July 26, 2018 at 2:43 pm #69416

    starmonday
    Participant

    Hi,

    I can see the codes in the screenshots that you posted. But on my mobile browser, the font size is not displayed correctly. Just wondering, on your mobile, does the title display as big as the desktop? Mine don’t.

    July 26, 2018 at 3:12 pm #69425

    Elise Noromit
    Member

    Hello,

    Please add this code to Theme Settings > Custom CSS > Global CSS

    @media (max-width: 480px) {
	div.product-grid-item.col-xs-6 .product-title {
     font-size: 18px;
	}
}

    Best Regards

    July 26, 2018 at 3:26 pm #69430

    starmonday
    Participant

    Hi,

    Just to confirm, I should paste the following in Global CSS, correct?

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

@media (max-width: 480px) {
	div.product-grid-item.col-xs-6 .product-title {
     font-size: 28px;
	}
}
    July 26, 2018 at 6:01 pm #69441

    Elise Noromit
    Member

    Hello,

    Yes, exactly. Add it to Global CSS.

    Best Regards

    July 27, 2018 at 12:05 am #69481

    starmonday
    Participant

    thank you!

    July 27, 2018 at 7:08 am #69493

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

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

The topic ‘How to increase item title font size in product grid’ is closed to new replies.