Line space on productpage

Topic summary

A user seeks to adjust the line spacing (margin/padding) above and below the Tab section on their product page using the Kalles theme, but cannot locate the relevant settings.

Solutions Provided:

Two community members offered nearly identical CSS solutions:

  • Navigate to Online Store → Theme → Edit Code
  • Open the theme.liquid file
  • Insert custom CSS code just before the </body> tag

The CSS targets .t4s-product__info-container elements to remove bottom margins and adjust vertical alignment of images within the product tabs area.

Status: Multiple working solutions provided with visual examples. The issue appears resolved, pending the original poster’s confirmation.

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

Hi.

How do I change the line space above and below the Tab section?

I can’t find any margin/padding setting in the theme and am unsure what code to look in.

The theme is Kalles

The link is https://www.rebelcopenhagen.dk/products/8434685482288? (code is copenhagenrebel)

Hello @rebelcopenhagen

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.t4s-product__info-container>:not(:last-child) { margin-bottom: unset !important; } .t4s-custom_html_qFExAf.t4s-pr__html.t4s-rte img { vertical-align: middle !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

1 Like

Hi @rebelcopenhagen ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

Result:

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

1 Like