Collection description is not shown properly

3 0 1


I customized the collection description to be seen like so: 

Screen Shot 2020-07-15 at 16.46.07.png


And the editor is look like:



<p style="text-align: center;"><span style="color: #e999e9;"><em><strong>PINK world can only be seen through PINK furniture</strong></em></span></p>
<p style="text-align: center;"><br>?בחורה של סטייל? שלא מוצאים בכל מקום? יש לך בבית שידה ורודה? כורסא? מזנון ורוד<br>.אם באת לענות בראש ״לא״ אז זה הזמן להתחדש ולהצדיק את המוניטין שבנית</p>



But in the website the collection description is shown not properly like so:


Screen Shot 2020-07-15 at 16.46.19.png



With no style and the new line break. 

my collection header is look like:


{% if collection.image and collectionImage %}
  <div class="collection-header">
      include 'rimg',
      img: collection.image,
      size: '1024x1024',
      lazy: true

    <div class="collection-details">
      <h1>{{ collection.title }}</h1>
      {% if collection.description != blank %}
        <div class="collection-description rte" style="direction: ltr;">
         {{ collection.description | strip_html | truncatewords: 700 }}

        {% capture shortDescription %}{{ collection.description | strip_html | truncatewords: 700 }}{% endcapture %}
        {% if collection.description.size > shortDescription.size %}
            data-collection-json >
              {{ collection | json }}
        {% endif %}
      {% endif %}
{% else %}
  <h1 class="page-title">{{ collection.title }}</h1>
  {% if collection.description != blank %}
    <div class="collection-description rte" style="direction: rtl;">
      {{ collection.description }}
  {% endif %}
{% endif %}



My store url is:


Please help! 


You had used the stip_html filter in the collection description.
It will remove all HTML tags from the strings. 
Just remove it make it work the same as you design on the editor.
Visit this link for more help on the strip_html tag.

Founder of Shopify agency -
Contact me on: