Make image full width on pages (Debut Theme)

JhordanMSUITE
Excursionist
52 1 22

Hi, How would I make a photo on a page full width? I need the image to fill the page.

 

Screen Shot 2021-05-08 at 12.49.56 PM.png

 

URL: https://beauty-and-the-board.myshopify.com/pages/nationwide-diy-kits

PW: geifra

 

Thank you!

dmwwebartisan
Shopify Partner
6572 1528 1999

@JhordanMSUITE 

Please add the following code at the bottom of your assets/theme.css file.

 

.template-page .page-width {
    max-width: 100%  !important;
    margin: 0 auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.template-page .medium-up--five-sixths {
    width: 100%;
}

.template-page .medium-up--push-one-twelfth {
    left: 0;
}

.template-page .rte img {
    height: auto;
    width: 100%;
    max-width: 2000px;
}

 

Please upload high Resolution image your image width very small.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
KetanKumar
Shopify Partner
18896 1985 6993

@JhordanMSUITE 

if you have adde this page any code effecton all page make sure your have confimr look at this view

KetanKumar_0-1620493849622.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 Expert | 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