CSS Code For Widening Columns in Truly Minimal

• 

  bbufc · Member · Jul 2, 2013 at 8:03 pm

  • Copy link
  • Add topic to favorites

  I need to change the width of my two columns in Truly Minimal theme but I can’t work out the correct CSS to do so. I need tow idea so the is less white space but also have them aligned with my banner.

• 

  kardotim · Member · Jul 4, 2013 at 8:15 am

  • Copy link

  Just to be sure, do you want to expand the with of the content and sidebar column?

  Looking forward to your reply.

• 

  bbufc · Member · Jul 4, 2013 at 8:17 am

  • Copy link

  Yes I need to widen both so there is less white space between the two but also so it aligns with the banner – can be overlapping the banner but needs to do so on on both sides so its symmetrical.

• 

  bbufc · Member · Jul 4, 2013 at 7:28 pm

  • Copy link

  In fact if I could just widen the content so there is less whitespace between the sidebar and the content that would be good, also that would help me make it symmetrical with the banner.

• 

  kardotim · Member · Jul 5, 2013 at 5:26 am

  • Copy link

  I see you’ve made a few changes. The content area now aligns properly with the right side of the banner. You can use the CSS code below if you want to move the sidebar a bit to the right so it aligns properly with the left side of your banner:

  .sidebar-left .site-main .widget-area {
  float: left;
  width: 29%;
  margin-left: 8px;
  }

• 

  bbufc · Member · Jul 5, 2013 at 4:04 pm

  • Copy link

  That’s great many thanks. All I need now is the CSS to make the content wider on the left side so there is far less whitespace between the sidebar and content and that would be perfect.

• 

  kardotim · Member · Jul 5, 2013 at 6:08 pm

  • Copy link

  You can try to add this CSS code. Simply adjust the percentage number to adjust the content width.

  .sidebar-left .site-content {
  margin: 0 0 0 28%;
  }