Logo overlay images - Theme section with multiple images

Solved
Beytibyarabesqu
Excursionist
36 0 18

Hello,

I'm using the Debut theme & would like to add at the bottom of my home page a section with multiple images similar to the one at the bottom of this website home page: https://sikasok.com/ . As you can notice, under "Follow us on Instagram" they have multiple images each linked to their Instagram post (screenshots below). 
  1. What kind of "theme section"  should I use in order to get the same design as them? It looks like a "Text Column with Images", however this type of theme section doesn't have the option of image overlay 
  2. What can I do in order to have the Instagram logo as the caption overlay instead of a text? 

Thanks

Beytibyarabesqu_0-1635369315426.png
Instagram Logo.PNG
Accepted Solutions (4)

Accepted Solutions
LitExtension
Shopify Partner
1952 323 394

This is an accepted solution.

Hi @Beytibyarabesqu ,

Please follow the steps:
- Step 1: Go to link https://instafeed.nfcube.com/assets/img/instagram-icon.svg and download file.
Then upload it in Assets: https://i.imgur.com/SVK32VY.png 
- Step 2: Go to sections/feature-columns.liquid file and change all code. https://pastebin.com/djeh910Y 
- Step 3: You can upload images in Customize: https://i.imgur.com/Jzs2nlu.png 
Hope it clear to you.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

LitExtension
Shopify Partner
1952 323 394

This is an accepted solution.

Hi @Beytibyarabesqu ,

I sent the attachment, please check it.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

LitExtension
Shopify Partner
1952 323 394

This is an accepted solution.

Hi @Beytibyarabesqu,

Please change: https://i.imgur.com/IH3i5M2.png 

medium-up => small

Hope it clear to you.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

LitExtension
Shopify Partner
1952 323 394

This is an accepted solution.

Hi @Beytibyarabesqu,

Please change code: https://i.imgur.com/tTdzqkd.png 

small--one-third

=>

small--one-third medium-up--one-third

Hope it clear to you.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

Replies 10 (10)
LitExtension
Shopify Partner
1952 323 394

This is an accepted solution.

Hi @Beytibyarabesqu ,

Please follow the steps:
- Step 1: Go to link https://instafeed.nfcube.com/assets/img/instagram-icon.svg and download file.
Then upload it in Assets: https://i.imgur.com/SVK32VY.png 
- Step 2: Go to sections/feature-columns.liquid file and change all code. https://pastebin.com/djeh910Y 
- Step 3: You can upload images in Customize: https://i.imgur.com/Jzs2nlu.png 
Hope it clear to you.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

Beytibyarabesqu
Excursionist
36 0 18

Hello,

Thanks for your answer. This link is not opening: https://instafeed.nfcube.com/assets/img/instagram-icon.svg

M

LitExtension
Shopify Partner
1952 323 394

This is an accepted solution.

Hi @Beytibyarabesqu ,

I sent the attachment, please check it.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

Beytibyarabesqu
Excursionist
36 0 18

You're the best! It worked thanks so much!

LitExtension
Shopify Partner
1952 323 394

Hi @Beytibyarabesqu ,

You're welcome. If you have any difficulty, you can contact me

Happy to help you.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
Beytibyarabesqu
Excursionist
36 0 18

Hello!

I have another question, I hope you can help me with that.

I did what you recommended yesterday and it worked perfectly well and looks very nice on the desktop exactly like the other website I sent for reference, but I feel that on the mobile version my images look very big. As you can notice in the images attached, my page has much bigger images than the other one, while on the desktop they look the same.

Is there something I can do to fix the mobile version only? 

Thanks in advance!

WhatsApp Image 2021-10-29 at 11.16.43 AM (1).jpegWhatsApp Image 2021-10-29 at 11.16.43 AM.jpeg

LitExtension
Shopify Partner
1952 323 394

This is an accepted solution.

Hi @Beytibyarabesqu,

Please change: https://i.imgur.com/IH3i5M2.png 

medium-up => small

Hope it clear to you.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

Beytibyarabesqu
Excursionist
36 0 18

You're the best! Thanks

Beytibyarabesqu
Excursionist
36 0 18

Hello!

I followed the instructions you sent, and the images look good on the mobile version, but on the desktop they are  now on top of each other - see screenshot below, instead of next to each other.

Is there a way, to fix that? so that they look the same on both the mobile and desktop version (next to each other)

Thanks

Capture.PNG