Empire Theme - Trouble with Padding - Please Help!!!!!!

[Alvarez8314]

Website www.bezosbest.com

Theme: Empire

I need help with closing up this gap, on both mobile and pc.

I also need help with speeding this theme up. Currently at 49/100 speed rating.

[MS-WEB-DESIGNER]

Dear Alvarez8314,

Please share your requirements at "Shopify Design" section for better solution

[JoesIdeas]

There are 2 ways you can remove those gaps:

Only those specific sections you highlighted:

#shopify-section-1607397371f0fb678f,
#shopify-section-160696700008b6e4f3,
#shopify-section-1607390167e6409179,
#shopify-section-1497982042455 {
	.custom-html--container {
		margin: 0 !important;
	}
}

Or, if you want to remove the margin on all elements with the .custom-html--container class, site-wide, you can do this:

.custom-html--container {
	margin: 0 !important;
}

If you're not familiar on how to find things like that, or where to put custom CSS, this guide will show you how: https://speedboostr.com/how-to-safely-edit-your-shopify-theme.

For your site speed, if you need help there run your site through the Shopify Analyzer. That's a free performance analysis tool my team built for the Shopify community. It will tell you what can and should be optimized on a Shopify site.

If you need help with any website edits or optimization, feel free to reach out to my team at speedboostr.com/contact.

Happy holidays!

[Alvarez8314]

Thank you, I'm still having this issue. www.bezosbest.com - the padding is still there. Please help - thank you.

[JoesIdeas]

It's not good to add custom CSS to your theme CSS file, but I believe the reason it's not working is because your theme file is using CSS rather than SCSS. SCSS is better both for readability when coding, and it auto minifies.

Look for the section "Do you have a custom CSS file?" in the guide I shared with you.

If you follow that, it will work.

[Alvarez8314]

Hi - here are the action steps I have taken so far. It didn't work unfortunately, I have included a screenshot of the current layout after changes on www.bezosbest.com - thank you.

Here is what it looks like right now, it brought down the padding at the top but it shifted the video to the left and still have space issue at the bottom. Please help, thank you.

[Alvarez8314]

Shopify Technical Support - Hello could you please provide an update?

[JoesIdeas]

You can further reduce the padding, and adjust the elements using the tactic I shared with you in that blog post guide.

What you do:

1) Inspect the elements, then tweak the CSS until it shows to your liking.

2) Copy those CSS styles you adjusted on the fly into your theme custom CSS file.

3) Save the file, preview, then publish if all looks good.