Adjust text block size-Savor Theme

Store Design
, , , , ,

Topic summary

A user sought help adjusting the width of a text block section in the Savor theme, specifically wanting to add customizable blank space on both sides of the “furniture leather” section.

Initial Request:

  • User wanted to reduce section width by controlling left/right margins
  • Included screenshot showing the target section

Community Response:

  • Two community members requested the store URL to provide specific solutions
  • User shared their store URL: sunevertech.com

Resolution:
The user independently found a solution and shared CSS code for others:

  • Targets screens 1024px and wider
  • Adds 50px padding to left and right sides of .background-image-container
  • Uses !important to override existing styles

Status: Resolved - working CSS solution provided by original poster.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I want to adjust the size of the furniture leather section. I want to make the width of the section smaller, that is, I can customize the blank space on both sides.

But I don’t know what to do, can you help me?

Sunever_0-1750471540341.png
Sunever_0-1750471540341.png2880×1800 888 KB

1 Like
2

Hi @Sunever , can you share store URL?

3

Hello @Sunever
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

4

Hi @DaisyVo

this is my website url: https://sunevertech.com/

5

Hi @devcoders

this is my website URL: https://sunevertech.com/

6

I have found a solution and I will share it with other people who need it. The CSS code is as follows:

@media screen and (min-width: 1024px) {
  .background-image-container {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}