Adding a section

[Lunix_I]

Hi,

Please is anyone offering a code for this section, we are using dawn Theme and there is no option to add this without coding, since I don’t know that if someone can help with it, and provide me the code and the place where should post it. I’m 0 exp in coding btw. I tried everything but I can’t.

[rajweb]

Hey @Lunix_I ,

Could you share your store URL so I can check?

[Lunix_I]

https://vistacharm.com/

[rajweb]

@Lunix_I

To Add Section,

Follow these steps:

1. Online Store > Themes > Edit Code

2. Create a new section > Name the new section features.liquid

Add the Code to the New Section:

In the newly created features.liquid file, paste the following code:

  

    
    #### Free Shipping
    

Get free shipping on all orders over $50!

  

  
    
    #### Secure Payment
    

Your payment information is safe with us.

  

  
    
    #### Full Refund
    

If you're not satisfied, we offer a full refund.

  

  
    
    #### Online Support
    

We're here to help you 24/7.

  

After adding the section, make sure to save your changes in the theme editor.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regard,

Rajat Sharma

[Lunix_I]

I did exactly like you said, and clicked save, but nothing changed at the store it’s the same like I didn’t even add any code.

[EvinceDev]

Hello @Lunix_I , Use this code with responsive,

Go through these steps:

1. Online Store > Themes > Edit Code

2. Create a new section > Name the new section features.liquid

        

            
![Free Shipping Icon|563x750](upload://iim6NcZ0qws4eOJXv1RlixQZ7Dp.jpeg)

            ### Free Shipping
            

Free worldwide shipping

        

        
            
![Free Shipping Icon|563x750](upload://iim6NcZ0qws4eOJXv1RlixQZ7Dp.jpeg)

            ### Secure Payment
            

Safe money ordering with us

        

        
            
![Free Shipping Icon|563x750](upload://iim6NcZ0qws4eOJXv1RlixQZ7Dp.jpeg)

            ### Full Refund
            

30-days window returns

        

        
            
![Free Shipping Icon|563x750](upload://iim6NcZ0qws4eOJXv1RlixQZ7Dp.jpeg)

            ### Online Support
            

24/7 Support available

        

    

Result for desktop , tablet , mobile :

[Dan-From-Ryviu]

Did you try to add section Icon With Text?

[namphan]

Hi @Lunix_I ,

You can try ‘Multicolumn’ section, it will help you display well

[Lunix_I]

There is no section named Icon with text in dawn.

[Lunix_I]

I didn’t notice this, I will try it right now

[Lunix_I]

I didn’t notice this, I will try it right now thx

[Lunix_I]

The code is wrong, shopify gives errors

[namphan]

Hi @Lunix_I ,

After you try adding it, if it doesn’t show 100% fine, I will help you edit it

[Lunix_I]

I just try to add the Icons, but I can’t.

the image is too big, even the size was 100x100 so it’s an Icon but it shows too big, is there any solution for this please?

thank you in advance

[Lunix_I]

[namphan]

Hi @Lunix_I ,

You can add it again and send me the site link, I will check and guide it

[Lunix_I]

That’s how the Icon looks like, Too big.

I’m not able to make save because isn’t designed well, store is active.

[namphan]

Hi @Lunix_I ,

After you add section, you just need to add CSS code here, it will display well:

Code:

.multicolumn-list__item .media {
    padding-bottom: 30% !important;
}

[Lunix_I]

Thank you so much, it’s work and looking too great.

thanks for your following with me, So glad for your help sir.

[namphan]

Hi @Lunix_I ,

You’re welcome and it’s nice to meet you