Focal theme - Help for how to get this box type apperance

want to remove spacing between another collection and want to make very good appearance can someone can help me ?

Hi @dharmil ,

You can follow these steps to reduce the spacing

  1. Open Online Store > Theme > Edit Code

  2. Find and open the theme.css (or base.css, custom.css) file

  3. Paste the code snippet below and hit save

.tabs-nav__item-list {
    /* You can change this number to your need */
    gap: 10px;
}

Here is the result

Hope this helps you solve the issue.

Please don’t forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!

1 Like

Hi @dharmil

This is Theodore from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Theodore | PageFly

1 Like