Changing the size of the 3 main "content blocks" of Organization Theme

• 

  windsoressexfamnet · Member · Dec 9, 2013 at 8:19 pm

  • Copy link
  • Add topic to favorites

  Just wondering if anyone knows how (or if its possible) to change the size of the 3 main content blocks for the organization theme?

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

• 

  thesacredpath · Member · Dec 10, 2013 at 12:17 am

  • Copy link

  Those three blocks have a width of 33% each so that they are effectively full-width of the container and will flow and reduce in width when the browser window is narrowed or it is viewed on a smaller screened device, such as a smaller tablet or smartphone. The overall maximum width of the container.

  Are you wanting to widen things or narrow things or have one or two at different widths?

• 

  designsimply · Member · Dec 21, 2013 at 9:02 pm

  • Copy link

  Let’s assume you want to change the size of all three blocks equally. In that case, this could be a starting point to make that change:

  .container,
  .row {
  	max-width: 1080px;
  }
  .feature-img.page.banner img {
  	width: 1080px;
  }

  Note: the last rule works to stretch the header image so that there aren’t blank spaces around it after you increase the width of the content container. Stretching an image can reduce the quality of its appearance, but sometimes it’s still acceptable especially if you don’t stretch it too much. It’s up to you whether to include that rule or not.