Align the Custom Fields on Their Own Line

To align the custom fields on a separate line, please follow the steps below.

  1. From the Shopify admin, select Apps.
  2. Select Store Locator.
  3. Select Settings.
  4. Select Display Settings.

    select display settings

  5. Copy and paste this into the Page Header HTML box:
    <style>
    .gm_popup .search_filter {
    clear: both !important;
    }
    
    .custom_field_name {
    clear: left !important;
    float: left !important;
    display: block !important;
    }
    
    .custom_field_value {
    float: left !important;
    }
    
    </style>

    paste the CSS

  6. Select Save.
Was this article helpful?
0 out of 0 found this helpful