Return to previous page

Shop page product titles line height etc.

This topic has 6 replies, 2 voices, and was last updated 4 months, 1 weeks ago ago by Tony Rodriguez

nixatsnow

Participant

November 16, 2023 at 23:15

Hi, when i put

/* Product title */
.product .et-product-height-calculated .product-details .product-title{
line-height:15px;
text-align:left;

}

in the theme custom css for global, the line height etc.. are not changing.. when i try to use yellow pencil, it changes but it does not reflect when updated. https://prnt.sc/SvfAukrkTVQx

#373973 Copied Theme version: 9.2.2 WooCommerce version: 8.2.1

5 Answers

Tony Rodriguez

Support staff

November 17, 2023 at 06:26

Hello, @nixatsnow,

Thank you for contacting us and for using XStore.

We would like to inform you that if you desire to select the method by which each product title is truncated on the shop page or archive page, you may do so by following these steps:

1. Go to “XStore” in your dashboard.
2. Proceed to “Theme Options.”
3. Click on “WooCommerce,” then navigate to the “Shop” section.
4. Under “Product Design,” locate “Title Limitation Type” and “Lines Number.”
5. Adjust the settings according to your preferences.
6. Ensure to click “Publish” to save the changes.

For your convenience, we have provided an image to guide you through this process. https://ibb.co/pKdD3fH

We trust that this will address your concern. Should you require any further assistance, please do not hesitate to contact us.

Best Regards,
The 8Theme Team

#373984 Copied

nixatsnow

Participant

November 18, 2023 at 23:31

this is completely irrelevant and does not have anything to do with the original question i have asked… please re read my original question.. i am not looking to limit the product title either by characters nor limit them by line…. i need to adjust the line height between each line from this https://prnt.sc/kGgiVFBJqWdD to this https://prnt.sc/SvfAukrkTVQx

#374109 Copied

Tony Rodriguez

Support staff

November 20, 2023 at 09:23

Hello, @nixatsnow,

Thank you for your response.

We apologize for any inconvenience caused. We now have a clear understanding of the issue you are facing. To assist you further, could you kindly provide us with the URL of the page where you wish to modify the line height of the product title? This will enable us to review the matter and supply you with the appropriate CSS code to address your concern.

Thank you for your cooperation and we look forward to hearing from you soon.

Best regards,
The 8Theme Team

#374161 Copied

nixatsnow

Participant

December 19, 2023 at 08:13

Hi, the website in question is https://northbayinventory.com/

just looking to make the product titles line height in the shop page closer to each other https://prnt.sc/QnZlrsVIMWGF

#377085 Copied
Tony Rodriguez

Support staff

December 19, 2023 at 08:52
Hello, @nixatsnow,

Thank you for your response.

1) If you wish to “Change Shop page product titles line-height” You can change the height as you desired, please follow these steps:

a) Navigate to XStore >> Theme Options >> Theme Custom CSS >> Global CSS.
b) Replicate the following CSS code into the designated location.
```
.woocommerce-shop .content-product .product-title {
    line-height: 1 !important;
}
```
For a visual reference, please consult the image provided at the following link: https://imgur.com/a/UizYJfv

Yours Sincerely,
The 8Themes Team.
#377096 Copied
Tagged: customize woocommerce, optimize shop page, product titles line height, woocommerce seo friendly, woocommerce templates, wordpress shop page
Viewing 6 results - 1 through 6 (of 6 total)