Hi. On the Product category pages, and also when using the WooCommerce Products element, the theme is creating duplicate product titles. We would only like to see one title. Can the smaller black text title be removed via CSS or some other method? I have looked at Salient settings, but there is no option. Please see attached screenshot. Thank you.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Thank you. That works well. The only additional question I have is that the title text is now very tight agains the image. Is there a way to add 20px of space between the bottom of the image and the title text? See screenshot. Thank you.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hi. On the Product category pages, and also when using the WooCommerce Products element, the theme is creating duplicate product titles. We would only like to see one title. Can the smaller black text title be removed via CSS or some other method? I have looked at Salient settings, but there is no option. Please see attached screenshot. Thank you.
Attached files: Screen Shot 2023-03-15 at 4.53.58 PM.png
Hi there,
Thanks for keeping in touch.
Please send your site access logins so that we may access your page:
Thanks.
Hello again,
It seems that the login credentials shared are not working.
Kind regards,
Hi again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.woocommerce ul.products li.product .woocommerce-loop-product__title { display: none; }Thanks,
Thank you. That works well. The only additional question I have is that the title text is now very tight agains the image. Is there a way to add 20px of space between the bottom of the image and the title text? See screenshot. Thank you.
Attached files: Screen Shot 2023-03-16 at 2.31.01 PM.png
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="3"] li.product h4 { padding: 10px 0 !important; }Thanks
ThemeNectar Support Team
Perfect. Thank you!