Prestige Theme - Full Width Custom HTML Section

Solved
Highlighted
New Member
3 0 0

Hello everyone, 

 

I really need help...I have seen similar posts on the community about making a custom HTML Section full width however after following all the examples nothing has worked I think that is because we are using the custom theme Prestige. So I wanted to reach out and see if anyone who is using the same theme has had luck with making the custom HTML Section full width?

 

We just need to make it so our Instagram section and our video section display properly and match the same width as all the other sections on the homepage.  

 

Thank you so much in advance!

0 Likes
Highlighted

Hello @JordOnDrums,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
3 0 0

Hello @oscprofessional,

 

Thank you so much for your response. 

Your forum answers have greatly helped me in the past. You are truly doing everyone who uses Shopify and this forum a service with all of your great answers! 

 

Here is a link to the store. 

 

https://castera.gg

 

I published a blank theme just so you can see the section better. 

I also moved it to the top.

 

Basically I want to make a video background full width. I am using an elfsight app at the moment for the video. 

That I just past the code it gives me into the Custom HTML section.

 

The same goes for the Instagram app. However they do not stretch full width. 

I followed some of your earlier posts and still could not get it to work. 

 

Thanks again for the help. 

 

Cheers. 

0 Likes
Highlighted

This is an accepted solution.

@JordOnDrums,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

#section-1582552273228.Section--spacingNormal .Container {
	padding: 0;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
New Member
3 0 0

Hey @oscprofessional,

 

You are a genius! Such a simple solution I wish I would have asked earlier. 

 

This fixed it perfectly. :) 

 

Thanks again for all your help.  

0 Likes
Highlighted

@JordOnDrums,

You are welcome.

In future If you need any help then Please Contact Us..

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
5 0 0

Hi there,

Would really appreciate if you could help me with a similar issue.

I have a video inserted on the homepage of my store - https://www.blingfeed.com

Can you please check and guide me on how to make the video from edge to edge/no padding on the sides.

Thanks!

0 Likes
Highlighted

Hello @Aj_support,

1. Go to Online Store->Theme->Edit code
2. Asset->styles.css->paste bellow code in bottom of file

#content .spacey-row {
    margin: 0;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
5 0 0

Hello!

Thank you for helping out. I did try the code however, its not making any change.

Also, if we put a universal code for spacey-row instead of just the section, would it not change it for everything on the store?

Thanks!

0 Likes
Highlighted
Tourist
5 0 0

Or is there any other way to add a full width video just on the homepage?

 

0 Likes