How can I adjust content width in the Brooklyn theme?

Store Design
1

Hello! I’m using the Brooklyn theme but I really don’t like how much empty space the “image with text” section has.

My two preferred options would be making the section occupy 100% of page width (text 50% image 50%), like in this screenshot:

2020-08-24-104215_1366x768_scrot.png
2020-08-24-104215_1366x768_scrot.png1366×470 427 KB

Or option number 2 which would be having two images occupy half the width each like in the Cuber theme

2020-08-24-105456_1366x768_scrot.png
2020-08-24-105456_1366x768_scrot.png1164×598 233 KB

Is there any way to achieve any of these two results without changing themes?

1 Like
2

Hello, @TL-Garcia

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

1 Like
3

Hi! Here is the link to the store. The images I’d like to change are the ones under the carousel.

4

@TL-Garcia

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
#shopify-section-1494860348200 .wrapper, #shopify-section-1494894035034 .wrapper {max-width: 100%;}