Enlarge width main column for posts in Gazette theme

• 

  passionateplatform · Member · Oct 1, 2015 at 9:27 am

  • Copy link
  • Add topic to favorites

  Hi!

  I would to like to enlarge the width of the main column for posts on my blog.

  Does anyone know the CSS for that?

  Thanks!

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

• 

  staff-jeanpierreac · Staff · Oct 1, 2015 at 1:12 pm

  • Copy link

  Hi there!

  As your blog is private, volunteers can’t see it. :)

  I have tagged ‘modlook’ this thread to ask for staff help.

  Hope this helps.

• 

  thesacredpath · Member · Oct 1, 2015 at 8:47 pm

  • Copy link

  Hi @passionateplatform, first off, you are not allowed to hide the WordPress.com and theme footer credits per our Terms of Service (#11). Even the VIP sites here at WordPress.com (CNN, Time, etc.) are required to keep the footer credits. See the Frequently Asked Questions on the Custom Design support page for more information.

  You are allowed to restyle the footer credits to better fit with your design as long as they remain readable. If you need help restyling or adding to the existing footer credits, post in the CSS Customization forum and our volunteers and our Staff would be happy to help. Please remove the following rules from your CSS to restore the footer credits.

  .site-info a {
      display: none;
  }
  .site-info .sep {
      display: none;
  }
  .wf-active .site-info {
      display: none;
  }

  Are you wanting to only widen the content on single post pages, such as on this page https://passionateplatform.wordpress.com/2015/09/22/te-weinig-tijd-om-te-lezen/ , or are you wanting to also widen the content on static pages also, such as Kopij?

• 

  passionateplatform · Member · Oct 2, 2015 at 6:14 am

  • Copy link

  I’m sorry, I did not know about the site-info, I changed it.

  I only want to widen the content on single posts, if that’s possible. Thank you very much for your help!

• 

  thesacredpath · Member · Oct 2, 2015 at 9:28 pm

  • Copy link

  Give this a try and see what you think.

  .single .site-content-inner {
      max-width: 1160px;
      padding-left: 30px;
      padding-right: 30px;
      width: 100%;
  }
  .single .site-main {
      max-width: 845px;
      width: 100%;
  }

• 

  passionateplatform · Member · Oct 5, 2015 at 7:20 am

  • Copy link

  Thank you. It’s works on my pc, but when I view it on my laptop the width is still the same (very small), but maybe it’s impossible to change that?

• 

  kathrynwp · Staff · Oct 5, 2015 at 2:56 pm

  • Copy link

  If you want, you can media queries to restrict pieces of your custom CSS to certain widths. You can learn more about using media queries that target certain screen sizes here:

  http://en.support.wordpress.com/custom-design/custom-css-media-queries/

  Media Queries for Standard Devices

  Responsive Design with CSS3 Media Queries

• 

  passionateplatform · Member · Oct 6, 2015 at 9:49 am

  • Copy link

  Thank you very much, I’ll see if I dare to make changes with the media queries :)

• 

  samtavaria · Member · Oct 22, 2015 at 3:27 pm

  • Copy link

  I have a similar question. I’m using the Gazette wordpress.com theme and looking to increase the width of ONLY post-pages. I on’t want to change the width of my homepage.

  link to my blog: http://blog.shaadishop.co/

• 

  g471n · Member · Oct 22, 2015 at 3:54 pm

  • Copy link

  Hi samtavaria

  Try adding the following custom CSS. This will reduce the padding on the right and give you a bit more space.

  @media screen and (min-width: 960px) {
  	.page .site-main, .single .site-main {
  		padding-right: 0px;
  	}
  }

  To add custom CSS

  Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.

  You need to be on the WordPress.com Premium Plan for custom CSS to save.