WordPress.com

1. philmerrell
   Member
   Jan 23, 2013, 1:38 AM

   Using "twenty eleven" theme and already have CSS upgrade.

   New to CSS, trying to reduce the space between left edge of white box in which post content appears and the text. There is a large gap between the beginning of the white box and the vertical allignment of the post content (title, body text etc.).

   Can't seem to find where in the CSS to adjust this. Researched online and think I need to play with a "padding" value, but for which element?

   Ideally I would like to minimize all of the horizontal padding (margins?) in the primary column and side bar.

   Please help?

   Thanks,

   The blog I need help with is proofspacecalendar.wordpress.com.

2. lauriemrauch
   Member
   Jan 23, 2013, 4:48 PM

   Hi Phil,

   This is the code you want to change:
   <br /> #content {<br /> margin: 0 34% 0 7.6%;<br /> width: 58.4%;<br /> }<br />

   Note that in a percentage-based layout, which this is, the numbers need to add up to 100%, so if you change one of those values, you'll need to adjust the others to keep consistent.

   Hope that helps!

3. philmerrell
   Member
   Jan 23, 2013, 7:16 PM

   Do I need to be using a "Child Theme" before I make changes to the CSS.

   Also, I already put this at the top of the CSS.

   #page {
   max-width: 1000px;
   }

   #secondary {
   width: 25%;
   }

   #primary {
   width: 75%;
   }

   Would it have some effect on trying to reduce the gaps highlighted in red on this image:

   http://proofspacecalendar.files.wordpress.com/2013/01/gaps1.png

   To clarify, I'm trying to reduce the gaps (empty space). I would like the post content (title, body, etc) to line up tighter to the edge of the white box.

4. philmerrell
   Member
   Jan 24, 2013, 2:00 AM

   Ok, got it sorted out. Thanks so much for taking the time to help.

   Aloha,

Topic Closed

This topic has been closed to new replies.