Bike Stations

About

Themes > Customise 2. Top dropdown > Collections > Bike Stations 3. Add section > Custom Liquid 4. Paste this entire file into the Liquid box 5. In that section's settings set Width = Full width, top and bottom padding = 0, colour scheme = your white one 6. Clear the collection Description field so it does not double up 7. Save, then hard refresh the live page Do NOT paste this into the collection Description field. That editor strips the script tag and renders inside a narrow text column. Use this version if your editor removes script tags. The hero video autoplays on desktop only; phones and tablets fall back to the still image, handled purely in CSS. ============================================================ --> .gp-root{grid-column:1 / -1 !important;width:100%;max-width:100%}.gp-root,.gp-root *{text-align:left}.gp-root h1,.gp-root h2,.gp-root h3,.gp-root p,.gp-root blockquote,.gp-root ul,.gp-root li,.gp-root td,.gp-root th,.gp-root caption{text-align:left}.gp-root .gp-mq-label,.gp-root .gp-card-btn,.gp-root .gp-usp-item,.gp-root .gp-usp-item h4,.gp-root .gp-usp-item p,.gp-root .gp-usp-marquee-item,.gp-root .gp-usp-marquee-item strong,.gp-root .gp-usp-marquee-item span{text-align:center}.gp-root ul{list-style:none;padding-left:0} .gp-hero,.gp-hero *,.gp-mq,.gp-mq *,.gp-wrap,.gp-wrap *,.gp-rv,.gp-rv *,.gp-usp-bar,.gp-usp-bar *,.gp-usp-marquee-wrap,.gp-usp-marquee-wrap *,.gp-cmp-sec,.gp-cmp-sec *,.gp-sup,.gp-sup *,.gp-next,.gp-next *,.sp-faq,.sp-faq *{box-sizing:border-box}.gp-wrap img,.gp-rv img,.gp-mq img,.gp-next img,.gp-sup img{max-width:100%} .gp-hero{position:relative;width:100%;min-height:560px;overflow:hidden;font-family:inherit;color:#fff;display:flex;align-items:center;isolation:isolate;background:#232323 url('/cdn/shop/files/SR1-Lifestyle-shot-with-bike-6.png?v=1785857317&width=1800') center 32% / cover no-repeat}@media (max-width:900px){.gp-hero-bg{display:none}.gp-hero{background:#232323 url("/cdn/shop/files/SR1-Lifestyle-shot-with-bike-6.png?v=17858