Increasing the main column width

Premium Theme Support › Pixel Union › Alto

• Author
  Posts
• May 12, 2015 at 4:10 pm #75767
  
  eunicejana
  

  Member

  Original poster

  Hi,

  The main column width seems to be fixed at 660 pixels – is there a way to increase this?

  Also, how do I rearrange “Posted on: May 6, 2015” to be directly above the title of each post? This is so that I can utilize the blank space under the date for my content. Hoping to show my images bigger than the fixed 660 pixel column.

  Thanks!

  The blog I need help with is: blog.jana.com

  May 13, 2015 at 3:59 pm #76013
  
  calvinjamescoles
  

  Theme Author

  Hello!

  Do you have a WordPress Premium or business plan? If so, we might be able to make some CSS adjustments for you :)

  May 13, 2015 at 4:19 pm #76014
  
  eunicejana
  

  Member

  Original poster

  Yes I do! Business plan premium

  May 14, 2015 at 1:08 pm #76026
  
  calvinjamescoles
  

  Theme Author

  Great! The CSS code that I sent you in the other forum post should increase this :) For anyone else that is wanting to do the same, here’s the custom CSS that should work:

  @media screen and (min-width: 805px){
  .entry-body .entry-meta {
    width: 13%;
  }
  
  .entry-body .entry-content {
    width: 84%;
  }
  
  .sidebar {
    float: right;
    width: 29%;
  }
  }

  May 14, 2015 at 5:09 pm #76030
  
  eunicejana
  

  Member

  Original poster

  Thanks! This works.

  May 14, 2015 at 5:45 pm #76031
  
  eunicejana
  

  Member

  Original poster

  One more question:

  I would like to decrease space between widgets in the sidebar, and I saw that someone asked the same q here but didn’t get an answer: https://premium-themes.forums.wordpress.com/topic/adjusting-space-between-widgets-in-sidebar?replies=3#post-66830

  The first solution you provided allows the increasing of the space between widgets, but I’m hoping to decrease space.

  Thanks!

  May 15, 2015 at 5:09 am #76034
  
  calvinjamescoles
  

  Theme Author

  Hey!

  Try this CSS as well:

  .sidebar .widget {
    margin-bottom: 1em;
  }

  Let me know if that works!

  May 15, 2015 at 6:59 am #76035
  
  eunicejana
  

  Member

  Original poster

  That works! Thanks :)

• Author
  Posts

The topic ‘Increasing the main column width’ is closed to new replies.