How can I remove padding and improve image visibility on my front page?

[RandyVDN]

Dear Shopify experts,

I would like to remove the white padding between the menu and the front page video (picture on left) and make the product information pictures completely visible (picture on the right). I use Dawn 2.0 and the website link is https://turkesterone-europe.com. I would appreciate it so much.

[Sajat]

Hi there,

If you are using Video section to display this video, on the “Video” section, there is an option to reduce the padding on Theme → Customize → Video.

Can you please change that to 0.

Hope this helps.

Thanks

[oscprofessional]

@RandyVDN ,

section#shopify-section-template--15738348142821__16401747552bb98ecd {
    margin: 0;
}
section#shopify-section-template--15738348142821__164017477200e5e932 {
    margin: 0;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

[RandyVDN]

Thank you for the eager reply. I can’t change the code as its lined up horizontally. It does not allow me to input anything. How can I change this to normal?

[oscprofessional]

@RandyVDN ,

You have to only add css only at last.

[RandyVDN]

Yes. I am unable unfortunately. It will automatically shift to the left whenever I click at the last part.

[oscprofessional]

@RandyVDN ,

Use this online tool.

https://www.cssportal.com/css-formatter/

[RandyVDN]

It worked using Chrome. Now there is the video and photos are too close to each other.

Also, would you have a solution for the zoomed in photos?