Wider column

• 

  ellaelers · Member · Feb 19, 2015 at 8:01 am

  • Copy link
  • Add topic to favorites

  Hello!

  I have a question about picture size: I would like to have bigger pictures for my blog. The main column width is 680 px and I got a tip from WordPress support saying I should be in contact to you guys if I wanted to have bigger pictures.

  The girl from Support told me this: “You may be able to widen column if you edit CSS, but this can cause break mobile and tablet displays if you don’t add the correct media queries”, so I thought maybe you can help me out here?

  Kindly,
  Ella Elers

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

• 

  designsimply · Member · Feb 19, 2015 at 2:32 pm

  • Copy link

  The Tonal theme sets a max-width on the main content area that you can override using custom CSS. One possible option is to remove the max-width completely like this:

  .center-block {
  	max-width: none;
  }

  However, that will make the content area too wide on very large screens, so I think just making the max-width larger will work better. To match the width of the header image, you can use a max-width of 1020px:

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

  When you make a change such as adjusting a content area width, you will also want to adjust the Media Width setting below the editor in the Appearance > Customize > CSS panel to match. In this case, you should add 1020 to that field and save changes.

  If any of the images are still small after that, this means you will need to remove and re-add the image at full-width so it will expand correctly if it is large enough (i.e. images should be at least 1020px wide to work well after this content container size adjustment).

• 

  ellaelers · Member · Feb 20, 2015 at 6:50 am

  • Copy link

  Thank you so much, now it works yay!
  2015-02-19 16:32 GMT+02:00 WordPress.com Support Forums :

  Thanks for flying with WordPress.com

• 

  designsimply · Member · Feb 20, 2015 at 4:16 pm

  • Copy link

  Your site looks great so far!

• 

  ellaelers · Member · Feb 24, 2015 at 6:56 am

  • Copy link

  thank you! :)

  I have one more question though: my blogposts are in reversed order so the oldest ones are at the top and the newest are at the bottom. How can I change this?

  Thank you so much for your answer,
  Ella

• 

  ellaelers · Member · Feb 24, 2015 at 8:23 am

  • Copy link

  Edit: now I realized why they showed up in reversed order, but now there appeared another problem: when I edited my blogposts, they all dissapeared! Even though I pressed update-button. Oh my I am a real troublemaker.. Any advices?

• 

  designsimply · Member · Feb 24, 2015 at 3:08 pm

  • Copy link

  I checked here and I see that several posts are drafts:
  https://ellaelers.wordpress.com/wp-admin/edit.php?post_type=post

  Are those the ones that are missing? They must be changed from draft to published before they will show up on the live site. When you are editing a post, you should see the draft status as an option in the “Publish” module near the top right—that’s the setting you will want to change to published when you are ready for the post to show up on the site. Clicking the blue “Publish” button should also do the trick.