ajvdhek

Member

Last active 2 years ago

  1. 3 years ago
    Mon May 18 16:03:54 2015
    ajvdhek started the conversation Full width horizontal bars.

    Hi,

    I'm trying to get "full with horizontal banners" in my template (based on Hatch). Similar to what is described: https://css-tricks.com/full-browser-width-bars/ . I want bars with different background color or image in which I can drop content from the editor.

    If I set the color of .main-zone the full width background changes. If I set it on the wrapper, the background sticks to the css rules; either 90% or 960px.

    I already tried several things, adding multiple zones:

    <div class="main-zone">
      <div class="wrapper clearfix">
          {{zone('main')|raw}}
      </div>  
    </div>
    <div class="main-zone" style="background:#cc0000">
      <div class="wrapper clearfix">
          {{zone('main2')|raw}}
      </div>  
    </div>

    That doesn't work
    and I tried:

    <div class="main-zone">
      <div class="wrapper clearfix">
          {{zone('main')|raw}}
      </div>  
    </div>
    <div class="main-zone" style="background:#cc0000">
      <div class="wrapper clearfix">
          {{zone('main', 'bar1')|raw}}
      </div>  
    </div>

    Probably I can have only 1 zone.

    I understand I can build the banners in my template outside the zone. But then I can't drag & drop new stuff in it and benefit from the editor.

    Can I specify anything "in" the zone? Like sections in the zone?

  2. Mon May 18 15:24:21 2015
    ajvdhek joined the forum.