Put a little space Between Brand and Product name

Technical Q&A

Topic summary

A user seeks help adding spacing between the brand name and product title on their Shopify store, noting they appear too close together.

Proposed Solution:

  • Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
  • Locate the base.css file under Assets
  • Add custom CSS targeting the product text caption element
  • The CSS code applies letter-spacing and margin-bottom properties (1.5rem) to create visual separation

Status: A technical solution has been provided but not yet confirmed as implemented or tested by the original poster.

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

Hello,

Can help me put a little space between The brand and product title, is to close. I’ll highly appreciated.

URL - www.avokitchen.com

Yusa1_0-1689563178999.png
Yusa1_0-1689563178999.png818×128 9.27 KB

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.product__text.caption-with-letter-spacing {
    margin-bottom: 1.5rem;
}

ZestardTech_0-1689569017784.png
ZestardTech_0-1689569017784.png1871×710 139 KB

1 Like