big teaser picture on my website

  • Resolved hellblauervogel

    (@hellblauervogel)


    8 months ago

    Dear all,

    for the start page of my Website I orignially planned a big teaser pic. I would do it in html like this: 

    <!-- Hero Teaser --> 
<section>                
<div class="wrapper">
    <div class="row">
    <h1>Bubulcus accessible layout</h1>
    </div>
    </div>
    <div class="row">
        <div class="column col_1_2"><img src="https://loremflickr.com/900/450/barrierefrei" alt="Barrierefreiheit"></div>
        <div class="column col_1_2"> <p> lorem ipsum</p>
            <a href="leistungen.html">unsere Leistungen</a> </div>
    </div>

</section>

    So a big pic that goes till the border of the screen. Is it to wise to add it as html? What could I do?

    Thank you in advance and BR

    Angelika

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hey @hellblauervogel! It’s not advised to add this as HTML. I’d recommend using a cover block for the main banner, and then you can add a row block or columns block for the actual content in there.

    You will be able to set your cover block as full-width, so it covers the width of your browser, and the content inside can have its own width.

    Thread Starter hellblauervogel

    (@hellblauervogel)

    Dear Kavya,

    thank you so much for your help on this. I am really impressed how helpful the community here is and I hope that I can soon can contribute too and help others!

    OK I will try it with the cover block for the main banner. And once I have tried it I will let you know if it worked out!

    BR Angelika

    Thread Starter hellblauervogel

    (@hellblauervogel)

    Yes it works with the cover block. I will put the question to solved.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘big teaser picture on my website’ is closed to new replies.