INSERT AN ICON BEFORE TEXT - Custom HTML

SoisEcolo
New Member
15 0 0

Hi, 

I would like to insert an icon in front of the special text on my homepage as shown in this example: 

section shipping sois ecolo page accueil.PNG

 

 

 

 

 

This is my actual custom HTML coding for the first column....what do I write to add the icons and align the text with them ?

<div class="row">
<div class="column">
<div class="img-with-text">
<div style="text-align:left">
style="width:100%"&gt;
<p></p>
<p style="color:#97BE0D"><strong>PRODUITS ÉCOLOGIQUES </strong><br></p>
<p style="color:#ffffff">
Nos fournisseurs sont conscients des enjeux environnementaux et ont créé POUR VOUS des produits réutilisables, recyclables, compostables, mais aussi adorable. </p>
<p></p>
<p style="color:#97BE0D"><strong>0 EMBALLAGE SUPERFLU </strong><br></p>
<p style="color:#ffffff">
Nos boîtes d'expédition sont en carton recyclable.</p>

</div>
</div>
</div>
</div>

Thank you. 

 

Replies 8 (8)

Hardik29418
Shopify Partner
2858 407 1073

For this, Would you mind to share restricted access of your store so that I can add this functionality directly into your store?

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
SoisEcolo
New Member
15 0 0

Yes no problem....but to be able to change it in the future, please let me know if you will add the custom html directly in the dedicated space on the homepage and not in the theme.liquid?

Thank you!

 

SoisEcolo
New Member
15 0 0

In the meantime, are you able to let me know where I can change the margin-bottom for h4 title ? Thank you so much!

Hardik29418
Shopify Partner
2858 407 1073

I will change the file where the existing code is located. I do not where the code is located

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
SoisEcolo
New Member
15 0 0
Thank you.....After the update, please let me know the file name and
section where you made the changes, so I will be able to make modifications
in the future...
Thank you!
Hardik29418
Shopify Partner
2858 407 1073

Please send your store ID and password in DM

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
SoisEcolo
New Member
15 0 0

Sorry for my ignorance, but where can I find the store ID and what is DM ?

THanks!

SoisEcolo
New Member
15 0 0

my store URL is www.boitesoiecolo.com

I'm working on an unpublished Brooklyn Theme right now

Thank you!