Download
We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Get rid of large blank area (hero area?) above posts

  • #10146
    Avatar photo[anonymous]

    We only have two posts, accessible by the menu, ‘Opportunities’ and ‘Contact Us’.  For both, a large blank area which takes up most of the screen is displayed above the posts.  How do we get rid of that?

    Screen shot: https://photos.app.goo.gl/znwCFsGuQD2mEUjH9

    The ‘hero area’ height is 100, which I like for the home page.  But it seems that this one setting applies to all posts, and I can’t reduce the ‘hero area’ height on post pages?  I couldn’t find where to do that.  Is it possible?

    #10157
    Avatar photo[anonymous]

    @apecity

    Which theme are you using?

    Do you have a live test URL you can share? Then it would be easier to check the code.

    #10161
    Avatar photo[anonymous]

    Hi,

    Site URL is https://www.odc.vu

    Theme is Simple 2.6.2.0

    Thanks!

    #10162
    Avatar photo[anonymous]

    @apecity

    In Publii Simple theme settings: Theme > Theme Settings > Custom settings > Layout > Hero section, the default value is probably 80vh. You could probably experiment with changing that value — perhaps try 40vh or something similar.

    Though do remember, the Simple theme is intentionally designed to be simple in layout. So the short answer to your question is:

    – Add a suitable background image to each page.
    – Add the other information for the page (check the theme settings).
    – Add some text and other content in your articles.

    Check out the various example page on the Simple theme demo: https://demo.getpublii.eu/themes/simple/

    If the above options don’t work for you, in addition, if you wanted to avoid making direct changes to the Simple theme itself, you can can find more exotic, different, or flexible layouts at: https://marketplace.getpublii.com/themes/

    #10166
    Avatar photo[anonymous]