Image with text - full width

[orchiworld]

How do I make this full width? 

[BSSCommerce-TA]

@orchiworld, can you give me your store website url. Maybe I can help you. 

[orchiworld]

Www.thebankercollection.com 

PW: mewfru

[BSSCommerce-TA · Accepted solution]

@orchiworld you can follow these steps: 

Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2: Search for the file base.css and add this css code below, in the top of the file:

main .shopify-section .page-width {
    max-width: unset !important;
    padding: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

Step 3: Click "save" button.

Here result: 

If it works, please mark my answer as solution. Thank you!

[orchiworld]

This worked! Thank you. 

[davidjahn]

Hello @BSSCommerce-TA 
I am trying to solve the same problem on my Symmetry Theme. But I don´t have a base.css file. I would like the images to fill 50% of the whole screen and also eliminate the gap between the pictures so that basically the corners of the two pictures just meet in the middle. Your help would be much appreciated.

Thank you!
www.apresjeudi.com

[Dan-From-Ryviu]

Hi @orchiworld 

Please add this code to Custom CSS in Online Store > Themes > Customize to do that 

.page-width:has(.image-with-text) { 
  max-width: 100%; 
  padding-left: 0; 
  padding-right: 0; 
}

[orchiworld]

This doesn’t change anything on my end. 

also want to state that I want the whole thing including text on the right side, and image on the left side to be full width