Make custom html image full width on Brooklyn theme

Fabian_weldon
Pathfinder
121 0 26

I have a 

 full width image on my custom html section on my homepage but it is not full width. Even when I select container width 100% it still does not go to the edge of the screen.

I am also wondering if it is possible to remove the padding from the bottom of it so it can lie onto of the newsletter section.

Thanks in advance

image.png

KetanKumar
Shopify Partner
20496 2119 7727

@Fabian_weldon 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

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 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
0 Likes
Fabian_weldon
Pathfinder
121 0 26

thank you.

it is www.ecowatches.co.uk

0 Likes
Fabian_weldon
Pathfinder
121 0 26

is it also possible to remove the padding between the custom html elements as well? 

thank you

0 Likes
KetanKumar
Shopify Partner
20496 2119 7727

@Fabian_weldon 

Yes, please add this code

div#shopify-section-161096978484a8df3b {
    margin-top: 60px;
}
div#shopify-section-newsletter {
    margin-top: 40px;
}
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
0 Likes
Fabian_weldon
Pathfinder
121 0 26

thanks for the response. I tried adding this to the bottom of theme.scss but it had no effect, do add it somewhere else instead?

 

0 Likes
KetanKumar
Shopify Partner
20496 2119 7727

@Fabian_weldon 

Thank also add this code also

.newsletter {padding-top: 0;}
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
0 Likes
SilkStories
New Member
1 0 1

Hi! I'm also having the same issue on my website: https://silk-stories.co (Password: silkstories). I would like to make the shoppable instagram portion full width. I've tried your code as well but it's not working.. I'm using a Shopify app called SNPT for this custom widget. Thank you in advance for your help!

Screenshot 2021-06-18 at 6.51.20 PM.png

 

Best,

Shin

PiersPiper
Tourist
9 0 2

same issue

KetanKumar
Shopify Partner
20496 2119 7727

@SilkStories 

sorry for that i can see full width

KetanKumar_0-1624795228439.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
0 Likes