Change size of Home slider image in Stay Theme

• 

  marianagramaxo · Member · Feb 3, 2016 at 8:12 pm

  • Copy link
  • Add topic to favorites

  Hello,
  Does anyone know how to change the Home Slider width too “full width”, in Stay Theme?

  Thank you in advance

• 

  thesacredpath · Member · Feb 4, 2016 at 6:36 am

  • Copy link

  Hi there, you have quite a few sites associated with your username and did not provide a link to the site you are talking about, so I’m working off of the Stay demo site.

  The Stay theme has an overall page div that encloses all content on the site. We can take the overall page to 100% width and then set the content parent div (#primary) back to the max width of 1200px. The third CSS rule adds some padding on the left and right of the header area to keep the site title from butting right up against the left edge of the browser window. Add the following at Customize > CSS and see what you think.

  #page {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
  }
  #primary {
      max-width: 1200px;
      width: 100%;
      float: none;
      margin-left: auto !important;
      margin-right: auto !important;
  }
  #masthead {
  	padding-left: 30px;
  	padding-right: 30px;
  }