Icon & Text Alignment

Highlighted
Excursionist
21 0 3

Hi There,


I am hoping someone can assist me with lining up 3 Icons I have across my main page with text below them. Image below.

 

Thank you for your help

Photo.png

 

1 Like
Highlighted
Shopify Partner
4817 715 1527

Thanks @jtavy10 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Shopify Expert
154 17 21

Your images are different sizes.

You could either set the height for all of these or add and use matchHeight for these images:

https://brm.io/jquery-match-height/

W3trends is one of the leading app developers in the Shopify ecosystem. We can handle anything E-commerce or App related for your business. Feel free to message me if you need any work done!
0 Likes
Highlighted
Excursionist
21 0 3

Ketan, 

 

I had someone else provide a code that I added to my theme.scss that worked.

 

I do have another question for you though. On one of my pages I am trying to change the colour of the text in the description box. But right now I am limited to the select colours available and a colour scale. But I want to match the colour of the text to an exact HEX # (DB3A3A). Any idea how I can add this?

0 Likes
Highlighted
Shopify Partner
4817 715 1527

@jtavy10 

Thanks for update 

how can i guide you without store url.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
21 0 3

Hi Ketan, I was able to update the code myself for this as well. store link is: synergistixbands.com in case you did want to review the site to provide any feedback. Thanks Ketan

0 Likes
Highlighted
Shopify Partner
4817 715 1527

@jtavy10 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

div#shopify-section-1589425798215 .feature-row__image-wrapper {
width: 30%;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes