Lodestar cover (or header) image full width with text

• 

  jlswilton · Member · May 30, 2019 at 5:30 pm

  • Copy link
  • Add topic to favorites

  I want to be able to have a different header image with a text overlay on each page. I was able to disable the header image on all pages except the home page using this css:
  body:not(.home) .custom-header {
  display: none;
  }

  
  @media screen and (min-width: 960px) {
  body:not(.home) .site-content {
  padding-top: 7.5em;
  }
  }
  There is a ‘cover image’ block that can have a text overlay but it is not full width. Essentially I just want different header text and image on each page. Is there no way to do this?

  I would love to also be able to add a section with a full width parallax image but don’t see a way to do that either. I chose Lodestar because I was under the impression that this was possible.

  Appreciate any help.

  The blog I need help with is: (visible only to logged in users)

• 

  jlswilton · Member · May 30, 2019 at 5:34 pm

  • Copy link

  I also tried to create a css class to make an image full width but that did not work. I may have been using the wrong css though. This is what I had:
  .wide
  {
  width: 100%;
  z-index: 0;
  margin: 0; padding: 0; outline: none;
  }

• 

  jlswilton · Member · Jun 3, 2019 at 6:12 pm

  • Copy link

  Anyone?