Width of content area

  • Resolved Amy

    (@ontherye)


    8 years, 9 months ago

    Hello. I would like to re-size my blog post images to properly fit the content area’s size. Can you tell me what is the width? And can I change it? I’m having issues with slightly blurry photos & some loss of color.

    Just trying to figure out if it’s because the images are not the exact size as the content area or if it’s because of WP. Images are crisp & normal in the edit post, but when I publish the post, the images are blurry and do not look as great.

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Amy

    (@ontherye)

    Forgot to give you the link to my site: https://www.theblushingpink.com

    Theme Author Ben Sibley

    (@bensibley)

    The width of the post content is 724px at its widest, so any images that are 724px or wider should display crisply across all screen sizes.

    The width of the content can be modified with the following CSS:

    @mdia all and (min-width: 56.25em) {

  #main {
    width: 58.9375%;
  }
  #sidebar-primary {
    width: 27.85156%;
  }
}

    Please excuse the weird numbers – this is due to Apex being built on a grid system. If you want to make the post content narrower, reduce the #main width, and then add the inverse amount to the #sidebar-primary width.

    Thread Starter Amy

    (@ontherye)

    Thanks Ben!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Width of content area’ is closed to new replies.