increase content width in tonal theme

• 

  pskphoto · Member · Feb 26, 2015 at 11:48 am

  • Copy link
  • Add topic to favorites

  Hi, I’d just like to increase the size of the photos in my post (excluding gallery posts)
  I’m not sure if I should use css to do this and if so, how to do it.
  Please can you tell me what I should do. I tried inserting a new value in the media width box and saving but no difference.
  Many thanks
  peter
  http://www.pskphoto.com is the blog address

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

• 

  jeremeylduvall · Member · Feb 26, 2015 at 6:11 pm

  • Copy link

  Hi Peter!

  Just to make sure we’re on the same page, you would like an image like the one shown here to take up more of the width:

  http://d.pr/i/116k5

  Is that correct?

  Can you try setting that image as the featured image for the post? Here’s a comparison of featured images vs. ones within the post:

  http://d.pr/i/dGGM

• 

  pskphoto · Member · Mar 2, 2015 at 4:09 pm

  • Copy link

  Hi and many thanks for your reply.

  Yes, ideally I do want the width just like your example. I have done this now with posts that have a gallery and it works perfectly.
  please see:
  http://pskphoto.com/2015/02/02/london-chinatown-again/

  But when I try with a single image post, I now get this:
  http://pskphoto.com/2015/02/21/listening-to-god/

  What I’d like is for the captioned image to be the size of the ‘featured image’ and the featured image not there at all. Sorry a bit hard to explain.

  Peter

• 

  jeremeylduvall · Member · Mar 2, 2015 at 9:29 pm

  • Copy link

  Hi Peter,

  Can you try placing this under Appearance -> Customize -> CSS?

  .center-block {
  	max-width: 1200px;
  }

  We can change that max width to whatever you would like, and it should still work. A few notes:

  1. It will change the size of the featured image for each post as well

  2. You will need to manually go into the Edit Posts screen for each of your posts and drag the corners of the image to a larger size like this:

  http://d.pr/i/10xlT

  3. This shouldn’t interfere with how your site appears on mobile devices.

  Let me know if that achieves what you’re looking for!

• 

  pskphoto · Member · Mar 3, 2015 at 5:52 pm

  • Copy link

  Hi Jeremey,

  That has worked perfectly. Its now just a matter of going into past posts and making the same change.

  Many thanks indeed for your quick response and help! :)

  Peter.

• 

  jeremeylduvall · Member · Mar 3, 2015 at 7:14 pm

  • Copy link

  Wonderful Peter! Let me know if you have any trouble.