Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Liquid code is not processed inside .css files.
/* Imposta l'altezza del banner al 120% della finestra (puoi regolare a tuo piacere) */
#Banner-{{ section.id }} {
height: 120vh !important; /* Aumenta l'altezza del banner (120% dello schermo) */
And obviously, inside .css file there is no section.
Stuff like this can only work inside .liquid file or "Custom Liquid" blocks/sections...
Need to come up with a different selector.
Note that if you put code inside "Custom CSS" setting of the section, the system will automatically prepend section id selector, like
p { color: white; }
becomes
#shopify-section-image-banner-JHGkjbfd p { color: white; }
This way the system isolates these rules to this section only and also raises their importance (without using !important)
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025