Hero Page

  • I am creating a personalized page with a "hero" section.


    I created a custom css "noheader" and added to the page CSS Class Name:

    I need to remove the "pageHeaderFacade" and the "pageNavigation" sections...


    Here is my page custom HTML


    The first time I got some "white space" at the top and left.



    So I add the "fix white space" in my custom css.


    And it works nice...



    But I can't fix the right white space after the red section...



    Any ideas how to fix it?

    • Best Answer

    The Woltlab home page the content itself the content is before the "main" section...

    WoltLab used boxes.


    ACP -> Content -> Boxes


    The first box has the position "Hero" and the other boxes have the position "Below header".

  • But I can't fix the right white space after the red section...

    It would not even take a minute to figure that out when being able to see the page. The developer tools of the browser are extremly powerful :)

    Alexander Ebert
    Senior Developer WoltLab® GmbH

  • It would not even take a minute to figure that out when being able to see the page. The developer tools of the browser are extremly powerful :)

    Yes... It is.


    But this time, can't figure it out.


    There's nothing that I change there to fix it...


    Should be really simple... But...

  • Well, that's why I asked to see the page :)

    It's localhost. But here the HTML Page:

  • Alexander Ebert is there a way to create a custom page before the "main" section?


    I found out that if the page goes inside "main" -> "layoutBoundary" -> "content" there are no easy way to fix it.


    But if the page exists before "main" section all works just fine.


    The Woltlab home page the content itself the content is before the "main" section...



    But I can't figure that out... =/

    • Best Answer

    The Woltlab home page the content itself the content is before the "main" section...

    WoltLab used boxes.


    ACP -> Content -> Boxes


    The first box has the position "Hero" and the other boxes have the position "Below header".