Image banner Dawn theme is blocked

Image banner Dawn theme is blocked

sosober
Excursionist
23 0 11

I am having problems in using CSS on my image banner!!
Everything I try to modify does not work.

Can you please hel me in solving it? 

 

0byf0v-34.myshopify.com

mohwhi

Reply 1 (1)

tim
Shopify Partner
4539 546 1658

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)

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com