Changing image size

• 

  everydaydeelights · Member · Mar 10, 2015 at 1:34 pm

  • Copy link
  • Add topic to favorites

  hi there,
  I am trying to change the size of the image in my posts. i am uploading my media as 720, but when it shows in the blog post the images are much smaller. i am guessing this has something to do with the max width of the site, or maybe just the image sizing in my css, but i can’t seem to find where the issue is. thanks for the help!

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

• 

  thesacredpath · Member · Mar 10, 2015 at 6:13 pm

  • Copy link

  Hi there, the overall page container div on full width pages has a width of 690px and then the left and right margin of 7.6% for the content div resulting in an image width of 600px. We can increase the max-width of .one-column #page by 120px, which should give you right at 720px on your images. The second rule below makes sure the full-sized and large-sized images go full width.

  .one-column #page {
      max-width: 810px;
  }
  
  img.size-full, img.size-large {
  	width: 100%;
  }

  See what you think with the above and let me know.

• 

  everydaydeelights · Member · Mar 11, 2015 at 8:40 pm

  • Copy link

  thanks for your help! this worked perfectly. =)

• 

  thesacredpath · Member · Mar 12, 2015 at 2:47 am

  • Copy link

  You are welcome.