Focal Theme: Reduce line-height on mobile slider

Store Design

Topic summary

Issue: Excessive line-height between sub-heading and heading in a mobile slider is consuming too much space.

Solution Provided:

For a single section:

  • Navigate to the specific section in the customizer
  • Add custom CSS targeting the heading element with margin-top: 0

For all image-with-text sections:

  • Add CSS code at the bottom of the theme’s CSS file
  • Target the content wrapper to reduce spacing globally

Status: Solution offered with code snippets for both targeted and site-wide implementation. Discussion appears resolved with actionable CSS fixes provided.

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

Hello folks,

how can I reduce the line-height between the sub-heading and heading? It consumes too much space… Can I insert the CSS-Code right at the slide-show section?

My URL is: www.moncourage.de

Thanks so much.

Eva

2

Hi @Eva_Helmeth to reduce the space for one section you can go to that section in customizer and add this css in custom css box.

h3.heading.h3 {
    margin-top: 0;
}

to reduce for all image with text sections add this css at the bottom of theme.css file

.image-with-text__content-wrapper .heading.h3 {
    margin-top: 0;
}