Display Guideline

Basic   Grey Box   Dark Grey   Blue Box   Pale Blue   Red

CubeSmart Basic Example (cube-basic):

<div class="cube-basic"></div>

Nearby Facilities Shortcode Example:



<div>
   [nearby_locations]
</div>

Nearby Me Shortcode Example:

Locations Near Me


<div>
   [near-me]
</div>

Search Nearby Example:

  Basic:


<div>
   [search-nearby display-type="inline"]
</div>
  Solid:


<div class="cube-sidekick-solid">
   <div class="sidekick-text">
      [search-nearby display-type="inline"]
   </div>
</div>
  In Opaque:


<div class="cube-sidekick-opaque">
   <div class="sidekick-text">
      [search-nearby display-type="inline"]
   </div>
</div>

Search Nearby With Key Words Example:

  Basic:


<div>
   [search-nearby display-type="inline" kwe="vehicle"]
   [search-nearby display-type="inline" kwe="car"]
   [search-nearby display-type="inline" kwe="rv"]
   [search-nearby display-type="inline" kwe="boat"]
   [search-nearby display-type="inline" kwe="motorcycle"]
   [search-nearby display-type="inline" kwe="drive-up access"]
   [search-nearby display-type="inline" kwe="small"]
   [search-nearby display-type="inline" kwe="medium"]
   [search-nearby display-type="inline" kwe="large"]
   [search-nearby display-type="inline" kwe="climate controlled"]
   [search-nearby display-type="inline" kwe="cheap"]
</div>