Footer text spacing

Store Design

Topic summary

A user is experiencing excessive spacing between lines of contact information in their store’s footer, describing it as appearing like double spacing.

Solutions Provided:

Three different CSS-based solutions were offered:

  1. Simplest approach: Add margin: 0; to .footer-block__details-content.rte p in the theme’s CSS file to remove default paragraph margins.

  2. Layout adjustment: Use media queries to set footer blocks to 25% width and center-align them, addressing overall footer structure.

  3. Refined spacing: Combine margin: 0 !important; with controlled padding (0.5rem top/bottom) in section-footer.css to match spacing with other footer elements.

Resolution:

The issue was resolved—the user confirmed the solution worked. All approaches involve editing the theme’s CSS files through Shopify admin (Online Store > Themes > Edit code), with screenshots provided showing before/after results demonstrating reduced line spacing.

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

Hi @beveragebombs

TRy this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.footer-block__details-content.rte p {
    margin: 0;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

1 Like