What dimensions should a background image be for the 'Was ist KP?' text section?

Store Design
,

Topic summary

A user is trying to add a background image to a ‘Was ist KP?’ text section on their Shopify store but encountering display issues.

Problem Evolution:

  • Initial question about proper image dimensions for the background
  • Image not displaying correctly
  • After applying CSS fix, a white line appeared above the section

Proposed Solution:
A CSS code snippet was provided to add to base.css:

.section-template--[ID]__padding {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

Current Status:
The issue remains unresolved. The suggested CSS code was applied twice (including with !important flag), but the white line persists. The user has shared screenshots showing the problem but no working solution has been found yet.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

Hi there,

How big and which dimensions should an image have to be the background of my “Was ist KP?” rich text section? It is currently not displayed correctly…

www.taneraskin.com

Best,

Isabelle

2

It doesnt work… Can you look at my code to see whats wrong?

3

Hello @isabellemaria

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.section-template--17904032514316__811dcafe-2424-4f44-b0d7-eed3a00159d4-padding {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
4

I tried it and now there is a white line above this section. How can I get rid of it?

www.taneraskin.com

IMG_7706.png
IMG_7706.png828×1792 140 KB

5

Hello @isabellemaria

You can try this code:

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.section-template--17904032514316__811dcafe-2424-4f44-b0d7-eed3a00159d4-padding {
    background-size: cover !important;
}
6

You already suggested that. I tried it and nothing changed. There is still a white line…