Small tweaks needed on display of background image in Karuna

• 

  bpaddengmailcom · Member · Feb 13, 2017 at 8:59 pm

  • Copy link
  • Add topic to favorites

  Hi, does anyone know how to add a little “padding” around the header image to show a little of the background image? Also, I’d like to get rid of the white at the bottom and have the background image go to the bottom of the page. Any thoughts as to how to accomplish this?

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

• 

  thesacredpath · Member · Feb 14, 2017 at 2:03 am

  • Copy link

  Hi there, what we can do is set the #page div at less than 100% width. In the following, I’ve set it to 90%. I’ve also limited this change to screens 768px and wider using a Media Query so that on smaller screens the content will have the full width.

  @media screen and (min-width: 768px) {
  #page {
  	max-width: 90%;
  	margin-right: auto;
  	margin-left: auto;
  }
  }