Product Title Text

1. I can’t seem to be able to adjust line height.

2. At present, the title text spans the entire width of the product image. Would I be able to reduce it to where I have drawn the blue lines? So it only spans roughly 90%

3. Am I able to increase the price font size?

Attachments:

You must be logged in to view attached files.

Hello,

Please use the below css in Theme Setting >> CUSTOM CSS >> Custom CSS for desktop.

1. To change the line height for the product title please use this custom CSS:

.title-line-two .product-grid-item .product-title {
    min-height: 50px;
    line-height: 25px;
}

2. To change the title text spans width please use this custom CSS:

.product-grid-item .product-title a {
    padding-left: 20px;
    padding-right: 20px;
}

3. To change the Font size of the price please navigate to Theme Settings >> Typography >> Advanced Typography >> Add the rule for Product Grid Price.

Screenshot: http://prnt.sc/p852b3
Result: http://prnt.sc/p852np

Best Regards.

[Author]

Posts