CSS code for stretching images?

• 

  hiscallingministries · Member · Mar 19, 2017 at 10:37 pm

  • Copy link
  • Add topic to favorites

  Hello.
  I am using the Zuki theme and I would like to stretch my first picture, which is the image associated with my blog name, to match more of the width of the page. How can I best go about this? Is there a way to do this with CSS code?
  Thank you.
  Krissy

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

• 

  hiscallingministries · Member · Mar 19, 2017 at 10:39 pm

  • Copy link

  If possible, I would also like to stretch out the title of my blog – to follow along with the width of my blog image associated with it which follows just below my blog name. Is this possible?

  Thank you.
  Krissy

• 

  thesacredpath · Member · Mar 21, 2017 at 4:08 am

  • Copy link

  Hi Krissy, add the following to the bottom of your custom CSS and see what you think.

  #site-header {
  	padding-left: 10px;
  	padding-right: 10px;
  }
  @media screen and (min-width: 767px) {
  	#site-header {
  		padding-left: 35px;
  		padding-right: 35px;
  	}
  }
  @media screen and (min-width: 1023px) {
  	#site-header {
  		padding-left: 91px;
  		padding-right: 91px;
  	}
  }
  @media screen and (min-width: 1260px) {
  	#site-header {
  		padding: 0;
  	}
  }

  The image does lose a little bit of quality, but not bad on this theme.