Debut Theme - image padding

Solved
Fabys
Tourist
7 1 4

Hi there, I need help pls to understand how to add some space between the images on my home page. I am attaching a screenshot of the page. Thanks!

 

 

Capture4.JPG 

Accepted Solutions (3)

Accepted Solutions
KetanKumar
Shopify Partner
24923 2498 9040

This is an accepted solution.

@Fabys 

thanks for url

can try this code

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

a.image-bar__link {
    padding: 5px; /* change valu as you like */
    display: block;
}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
24923 2498 9040

This is an accepted solution.

@Fabys 

yes please update this code

a.image-bar__link {
    padding: 5px;
    display: block;
    background: #205837;
}
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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Fabys
Tourist
7 1 4

This is an accepted solution.

thanks again for your help Ketan!

one more question...

is there a way to make the images a little bit smaller so that I don't see them cut when I use a larger screen? (see screenshot)

Fabys_0-1634498550521.jpeg

 

View solution in original post

Replies 7 (7)
KetanKumar
Shopify Partner
24923 2498 9040

@Fabys 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you 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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Fabys
Tourist
7 1 4

Hi Ketan, thanks in advance for your help.

my website is www.aquashopdesign.ca

KetanKumar
Shopify Partner
24923 2498 9040

This is an accepted solution.

@Fabys 

thanks for url

can try this code

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

a.image-bar__link {
    padding: 5px; /* change valu as you like */
    display: block;
}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Fabys
Tourist
7 1 4

Great. Thanks! That works...would it be possible to add the color green (like the one of the announcement bar) to the background of the images.?

Also, is there a way to make the images a little bit smaller so that I don't see them cut when I use a larger screen? (see screenshot)

Thanks for your help

Capture-.JPG

KetanKumar
Shopify Partner
24923 2498 9040

This is an accepted solution.

@Fabys 

yes please update this code

a.image-bar__link {
    padding: 5px;
    display: block;
    background: #205837;
}
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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Fabys
Tourist
7 1 4

This is an accepted solution.

thanks again for your help Ketan!

one more question...

is there a way to make the images a little bit smaller so that I don't see them cut when I use a larger screen? (see screenshot)

Fabys_0-1634498550521.jpeg

 

View solution in original post

KetanKumar
Shopify Partner
24923 2498 9040

@Fabys 

yes please confirm this look!

KetanKumar_0-1634505611912.png

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing