A user is trying to hide product descriptions for items containing ‘Parfym’ in the title using conditional Liquid code. While the description content is successfully hidden, two horizontal lines from the accordion element remain visible.
Solutions provided:
ZestardTech suggested adding CSS to base.css:
.accordion {
border: unset;
}
Dan-From-Ryviu recommended a more specific approach:
.accordion {
border-top: none !important;
border-bottom: none !important;
}
Both solutions target the accordion’s border properties to remove the remaining lines. The issue was resolved after the user implemented one of these CSS fixes.
Hi,
I use this code to hide the product description on some of my products.
{% if product.title contains 'Parfym' %}
{% endif %}
However, I cannot remove the two lines that remain from the accordion.
How can I remove these lines on products where the description has been hidden?
Please see this product as an example:
https://doftnoter.se/collections/eau-de-parfum-dam/products/parfym-damer-memo-paris-edp-inle-75-ml
url: doftnoter.se
passw: ***
Thanks!
Hello @entranced ,
In your Shopify Admin go to online store > themes > actions > edit code
Find Asset > base.css and paste this at the bottom of the file:
.accordion {
border: unset;
}
You can remove that line by adding more this css code in your code
.accordion { border-top: none !important; border-bottom: none !important; }
Thanks a lot!
Happy I could help