Dots appearing next to images (Sections added into page)

Solved
Highlighted
New Member
2 0 1

Hi, 

Im trying to create a homepage style landing page for the shop tab on a website. I have created a template for a page which calls the collection-list section. I accessed the page in the theme editor and it allowed me to add collections to the page and choose a product for the featured product section.

 

<div class="page-width">
  <div class="grid">
    <div class="grid__item medium-up--five-sixths medium-up--push-one-twelfth">
      <div class="section-header text-center">
        <h1>{{ page.title }}</h1>
      </div>
      <div class="rte">
          {{ page.content }}
        {% section 'collection-list' %}
        {% section 'featured-product' %}
      </div>
    </div>
  </div>
</div>

 

 

This does exactly what I am trying to achieve, but Im getting strange dots next to the images on the page (Dots are circled in red below)

 

Does anyone know what might be going on?

 

Thanks.

 

 

Screen Shot 2019-09-30 at 9.35.59 PM.png

 

 

 

 

Screen Shot 2019-09-30 at 9.36.07 PM.png

 

 

 

 

0 Likes
Highlighted
Shopify Expert
667 170 228

This is an accepted solution.

Hi, @Andyj ,

This is Evita from On The Map.

 

Try adding this code to Assets/theme.scss.liquid file

.rte ul {
   list-style-type: none;
}

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
New Member
2 0 1

Wow that worked, thanks so much!

1 Like
Highlighted
Tourist
8 0 2

Hi, 

I´ve been getting this dots on the top left corner of my product grid and it appears on all products. How can I get rid of them?

Picture3.png

 

I tried the code you suggested:

.rte ul {
   list-style-type: none;
}   

 but it didn´t work. 

Thanks 

0 Likes