Remove extra lines from top and bottom of accordion

Shopify Discussion
1

Hi

I used the code below to create an accordion in order to seperate the description into sections. However, there is extra lines at the top and bottom of the accordion that i would like removed and not sure sure.

Below is the code


  

  
  
  {% assign description_parts = product.description | split: '## ' %}
  {% for description_part in description_parts %}
    {% if description_part contains '' %}
      {% assign subheading_parts = description_part | split: '' %}
      
    {% endif %}
  {% endfor %}

Below is a screenshot of the output with the extra lines at the bottom and top of the accordion

Screenshot 2023-11-14 at 22.23.19.png
Screenshot 2023-11-14 at 22.23.19.png931×414 11.1 KB

2

Hi @sammyprince

Can i check by store website? Would you mind to share it? Thanks!

3

Hi

Here is the store website

https://fairspot.co.uk/products/odorbac-tec4-odour-eliminator-cleaner-5-litre?variant=45286935986466

4

Thanks for the info, check this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
#MainProduct-template--20406202990882__main > div.product-description > div {
    border: 0px !important;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

5

That worked instantly. Thanks alot!!