Larger image on Sela full width home page

• 

  hoytbanjos · Member · Mar 4, 2016 at 1:06 am

  • Copy link
  • Add topic to favorites

  I have one more thing that I am hoping to change with CSS. I would like ideally to make the image on the Home page of my site larger so that it fills the width of the page and comes up to the bottom of the menu but I don’t know if that is possible. I was told that this might be the sort of thing that could be done with CSS or that there might be a limitation of the template which would not allow a picture beyond a certain width. I tried searching through some old forum posts and using the CSS in them but I wasn’t able to get it to do what I had in mind, and I am woefully ignorant of how to change CSS that is already written. I am very thankful for the earlier help with my title and tagline text color.
  Zach

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

• 

  kathrynwp · Staff · Mar 4, 2016 at 4:04 pm

  • Copy link

  Hi Zach, I think this gets you close to what you’re after:

  .home .content-wrapper {
       width: 100%;
  }
  .home .site-main {
       padding: 0 3% 0px;
  }
  .home .content-wrapper.full-width.without-featured-image {
       margin: 0px;
       padding: 0px;
  }
  .home .entry-header {
       display: none;
  }

• 

  hoytbanjos · Member · Mar 4, 2016 at 6:03 pm

  • Copy link

  Thank you very much, that is just wonderful. I really appreciate the help. I would never have been able to figure all of that out and it works perfectly. It’s just the way I wanted it to be.

• 

  kathrynwp · Staff · Mar 4, 2016 at 6:22 pm

  • Copy link

  Excellent – you’re very welcome, glad that’s what you wanted!