Edit padding size & section lines - Lorenzo Theme

Store Design
, ,

Topic summary

A user working with the Lorenzo theme needs to reduce padding between sections to make them appear unified, specifically around a ratings section and a three-column text area. They also want to remove or recolor thin dividing lines appearing between sections.

Solutions provided:

  • Multiple respondents offered CSS code snippets to address the padding issues
  • Instructions involve editing theme files (theme.css, main.css, or base.css) through Online Store → Themes → Edit code
  • Code targets specific classes like .section-borderable, .text-columns, and .collection-list-grid to remove padding and borders

Key CSS modifications:

  • Setting padding-bottom: 0 on relevant sections
  • Using border-top: 0 !important to remove dividing lines
  • Adjusting padding values (e.g., padding: 40px) for fine-tuning

Current status:

The user requested even further padding reduction after initial solutions were provided. A follow-up code snippet was shared to reduce padding from the reviews section to 40px. The discussion remains active with iterative adjustments being made.

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

@pbr1 hey, thanks for posting here.
i think best way is customize the theme setting.