How can I add space between categories on colorluzes.com.br?

Topic summary

A user needed to add spacing between category links on their Shopify store (colorluzes.com.br).

The solution involved adding custom CSS code to the theme.css file:

  • Navigate to Online Store → Theme → Edit code
  • Locate the theme.css file
  • Add CSS targeting specific collection URLs with left margin percentages (20%, 40%, 60%)

The code uses left positioning with !important flags to create visual separation between category elements. The user confirmed the solution worked successfully.

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

How can I put a space between these categories?

Web site: colorluzes.com.br

Hi @GustavoAlves

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css.

Step 3: Paste the below code at bottom of the file → Save

a[href=“/collections/fitas”] {

left: 20% !important;

}

a[href=“/collections/objetos-led”] {

left: 40% !important;

}

a[href=“/collections/lampadas”] {

left: 60% !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

1 Like

Thank you the only one that worked :grin:

1 Like

You are welcome @GustavoAlves

1 Like