Column Adjustment

6 posts from 3 voices

• Started 6 months ago by sq85
• Latest reply from Devin
• This topic is closed
• This topic is not a support question

Tags:

No tags yet.

1. 

   sq85
   Member

   Hi,

   I have edited my page so there is only one side column. I have reduced the column to the size I like. However, the text from an article on the main page does not fill the gap. Essentially, the gap I created from reducing the column size is left empty - I want the main body text from a post to fill this space.

   I have been messing around with the adjustments but can't get it right. Can you please help? Here's the code I have in place:

   .sidebar{
   float:left;
   margin:0 20px 40px 0;
   padding:0 0 0px 19px;
   width:150px;
   overflow: hidden;
   }

   #top .fullwidth_sidebar{
   width:230px;
   }

   #content, .entry-no-pic .entry-content{
   width:670px;
   padding:0 0 50px 20px;
   float: left;
   margin:0 20px 0 0;
   overflow: hidden;
   }

   .fullwidth #content, .fullwidth .entry-no-pic .entry-content{
   width:960px;
   }

   .fullwidth .entry-content{
   width:730x;
   }

   If you look at my website, you will see the empty space between a post's text and the 'archives' section I am talking about.

   Thanks, you guys rock!

   Posted 6 months ago #
2. 

   Dude
   Dude

   Hey!

   Try to add following code to the bottom of style.css:

   .entry-content {
   width: 450px;
   }

   Best regards,
   Peter

   Posted 6 months ago #
3. 

   sq85
   Member

   Thanks this worked great, I have another issue.

   The text in my posts are slightly cut off on the left side. I only need to make a slight adjustment so that the first letter is fully visible - ie move the line slightly to the right.

   I haven't tweaked any of the settings other than what you have suggested.

   Any ideas what needs to be tweaked in order to do this?

   Thanks!

   Posted 4 months ago #
4. 

   Devin
   Moderator

   Hi sq85,

   I'm not seeing any cut off on the posts when viewing your site. Is it only happening in a specific browser or OS?

   Regards,

   Devin

   Posted 4 months ago #
5. 

   sq85
   Member

   Hi Devin

   I've been searching the forum and messing around with the adjustments today and it looks to be sorted! Was just about to post and say don't worry about it.

   For other users, I found these codes in a search which are helpful for understanding how to make the adjustments to columns correctly:

   The sidebar sizes are controlled by lines 799-809 in style.css:

   .sidebar{
   float:left;
   margin:0 20px 40px 0;
   padding:0 0 0px 19px;
   width:150px;
   overflow: hidden;
   }

   #top .fullwidth_sidebar{
   width:340px;
   }
   The width values can be modified in conjunction with the main content values in style.css lines 635-649:

   #content, .entry-no-pic .entry-content{
   width:580px;
   padding:0 0 50px 20px;
   float: left;
   margin:0 20px 0 0;
   overflow: hidden;
   }

   .fullwidth #content, .fullwidth .entry-no-pic .entry-content{
   width:960px;
   }

   .fullwidth .entry-content{
   width:730px;
   }
   Depending on the layout (2 sidebars or 1 large sidebar) the values+padding+margin should equal 960px wide.

   This is a quick resource for understanding css shorthand: http://www.w3schools.com/css/css_margin.asp
   The margin property can have from one to four values.

   margin:25px 50px 75px 100px;
   top margin is 25px
   right margin is 50px
   bottom margin is 75px
   left margin is 100px

   margin:25px 50px 75px;
   top margin is 25px
   right and left margins are 50px
   bottom margin is 75px

   margin:25px 50px;
   top and bottom margins are 25px
   right and left margins are 50px

   margin:25px;
   all four margins are 25px

   Posted 4 months ago #
6. 

   Devin
   Moderator

   Glad you got it sorted out :)

   Let us know if you have any other questions or issues.

   Regards,

   Devin

   Posted 4 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.