Image with text - full width

Solved

Image with text - full width

orchiworld
Excursionist
15 0 2

How do I make this full width? 

image with text full width.png

Accepted Solution (1)
BSSCommerce-TA
Shopify Partner
123 24 24

This is an 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: 

BSSCommerceTA_0-1719981507798.png

 

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

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 6 (6)

BSSCommerce-TA
Shopify Partner
123 24 24

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

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
orchiworld
Excursionist
15 0 2
BSSCommerce-TA
Shopify Partner
123 24 24

This is an 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: 

BSSCommerceTA_0-1719981507798.png

 

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

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
orchiworld
Excursionist
15 0 2

This worked! Thank you. 

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

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; 
}

Screenshot 2024-07-03 at 11.15.24.png

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

orchiworld
Excursionist
15 0 2

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