Re: Change single page width - Shopify Debut Theme

Solved

Change single page width - Shopify Debut Theme

allendonaldson
Tourist
7 0 3

The inline embedded video needs to stretch across the entire page, not be confined to the default page template width - how can I achieve this?

 

Here's the page URL

https://pro.averraglow.com/pages/behind-the-bench

 

@KetanKumar 

Accepted Solutions (2)

KetanKumar
Shopify Partner
37143 3648 12063

This is an accepted solution.

@allendonaldson 

oh sorry for that issue can you try this code

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

.page-width.page-width--narrow.section-template--16002066514143__main-padding {max-width: 100%;}
.page-width.page-width--narrow.section-template--16002066514143__main-padding h1.main-page-title.page-title.h0 {max-width: var(--page-width);margin: 0px auto 30px;padding: 0 9rem;}

 

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
37143 3648 12063

This is an accepted solution.

@allendonaldson 

yes please add this code also

.page-width.page-width--narrow.section-template--16002066514143__main-padding h1.main-page-title.page-title.h0 {display: none;}
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

Replies 7 (7)

KetanKumar
Shopify Partner
37143 3648 12063

This is an accepted solution.

@allendonaldson 

oh sorry for that issue can you try this code

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

.page-width.page-width--narrow.section-template--16002066514143__main-padding {max-width: 100%;}
.page-width.page-width--narrow.section-template--16002066514143__main-padding h1.main-page-title.page-title.h0 {max-width: var(--page-width);margin: 0px auto 30px;padding: 0 9rem;}

 

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
allendonaldson
Tourist
7 0 3

Beautiful Ketan! Thank you so much.

KetanKumar
Shopify Partner
37143 3648 12063

@allendonaldson 

its my pleasure to help us 

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
allendonaldson
Tourist
7 0 3

@KetanKumar - in this same URL, do you know how I can hide the page title? 

 

The text/title I want to hide is Averr Aglow Professional Presents:

KetanKumar
Shopify Partner
37143 3648 12063

This is an accepted solution.

@allendonaldson 

yes please add this code also

.page-width.page-width--narrow.section-template--16002066514143__main-padding h1.main-page-title.page-title.h0 {display: none;}
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
allendonaldson
Tourist
7 0 3

Amazing, thank you! @KetanKumar 

KetanKumar
Shopify Partner
37143 3648 12063

@allendonaldson 

its my pleasure to help sure 

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