Change Width of Theme called "Responsive"?

• 

  jccrtv · Member · Jan 21, 2014 at 5:06 am

  • Copy link
  • Add topic to favorites

  Can the theme called “Responsive” have it’s width’s changed? I want to make the entire Theme 1300px wide, the main content column 900px and the right column 300px wide. This may sound too wide, but it’s become very popular for sites displaying large sized photos. Will changing the width sizes drew up how it scales for tablets, etc?

  I paid for Custom CSS and tried entering this without success:

  #main {

  width: 1300px !important;

  }

  #primary {

  width: 900px !important;

  }

  #secondary {

  width: 300px !important;

  }

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

• 

  hfzrhmn · Member · Jan 21, 2014 at 8:32 am

  • Copy link

  Hi, simply adding this CSS:

  #container {
  	max-width: 1300px !important;
  }

  will scale the layout to 1300px wide. This results in a 830px-wide main (#primary) area, and 401px-wide sidebar.

  If you absolutely want to have 900px-vs-300px, the code gets a bit more complicated because then you need to take into account the margins and paddings as well. Try the code above first and see if you like it.

  If not, well, head over to the CSS Customization forum https://en.forums.wordpress.com/forum/css-customization and post the request, some of us will try to help.

• 

  jccrtv · Member · Jan 21, 2014 at 5:28 pm

  • Copy link

  Thank you hfzrhmn! Thanks for taking the time to reply and help me with this.

  I do wish I could make it a full 900px in the main column, (reducing the right column a little) but this is very close. I really appreciate your help. Thank you.

• 

  hfzrhmn · Member · Jan 21, 2014 at 10:56 pm

  • Copy link

  You’re welcome!