How to add a custom icon section to a debut theme?

[ZaDu]

Hello. I want to add a custom icon section to my store, just like the example Ive attached. What would the coding be for this?

[Zworthkey]

Yes,

sure I will help you to add the icon. please share your Website Url and if included the password.

Thank you

[ZaDu]

https://zaduonline.com

[Jasoliya]

Hi @ZaDu

follow this:

1. open theme editor and add “custom content” section, then add “custom HTML” section withing section.

2. add this html code:

    

      - 

      - 

      - 

      - 
    

  

Change image to your images,

3. Add this css in Asset->theme.scss or theme.css file at bottom:

.product-reasons ul{list-style:outside none none;margin:0;padding:0;}
      .product-reasons{text-align:center;}
      .product-reasons ul>li{display:inline-block;margin-right:5px;width:95px;}
      @media only screen and (max-width:480px){.product-reasons ul>li{width:18.5%;}}

[ZaDu]

Sorry when you say open theme editor, where abouts is that?

[Jasoliya]