Hero full screen image in background including Header

  • Resolved ChrisFo

    (@chrisfo)


    1 year ago

    So far I have no experience with FSE and such Themes in WP. As others I’m struggling to achieve most things as fast as with old themes. Including the FSE child theme differences I need to look into.

    I was trying to achieve the look I most like:
    A background image which is shown on the whole screen including the Header (Logo + Navi) and the Cover area.
    I did try by adding an Image in the Header and Cover area as I did not find hints in the Theme docs.
    I wonder how to best achieve this as I found no obvious settings in the Templates or Blocks?

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

    (@irinelenache)

    Hello @chrisfo,

    Thank you for contacting us!

    It is not recommended for now to use child themes in the FSE context, as many unexpected issues might occur.

    Regarding the design you want to achieve, can you please share a screenshot that better indicates the result?

    Looking forward to your reply,

    Irinel

    Thread Starter ChrisFo

    (@chrisfo)

    See below, I was able to set an image or in this case a video as background for Template > Group > Cover.
    But I would like it to be also behind Template > Header (Logo and Navi) which seems to have no shared container to define a common background at least not trough the Block Site Editor interface?

    NeveFSE Start Screen Background
    irinelenache

    (@irinelenache)

    Hello @chrisfo,

    Thank you for providing more context into this!

    For achieving this behaviour, you will have to follow the next steps:

    {
    position: absolute;
    z-index: 99;
    width: 100%;
    }

    Let me know how it goes!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hero full screen image in background including Header’ is closed to new replies.