Title: Text Padding Issue
Last modified: August 21, 2016

---

# Text Padding Issue

 *  Resolved [matt84532](https://wordpress.org/support/users/matt84532/)
 * (@matt84532)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/text-padding-issue-1/)
 * Could someone help me with something that should be a basic CSS fix, but which
   I can’t seem to resolve?
 * See this page here:
 * [http://www.wabi.dreamhosters.com/non-profit-directory/](http://www.wabi.dreamhosters.com/non-profit-directory/)
 * As you can see, I’ve changed the body to a green color and the background of 
   the text container to white, which is how I want it.
 * But you can also see that this makes the text appear too close to the white/green
   division. I would like to add some padding to the text only (not the whole container,
   which I have tried) so that there is horizontal space between the edge of the
   white container and the text.
 * I know this should be very simple but I can’t figure it out. Any help is greatly
   appreciated!

Viewing 12 replies - 1 through 12 (of 12 total)

 *  [NamLee](https://wordpress.org/support/users/namlee/)
 * (@namlee)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/text-padding-issue-1/#post-4216833)
 * Hi matt,
 * Try adding this
 *     ```
       article.row-fluid {
          padding: 0 20px;
       }
       ```
   
 * 20px is the padding for the left and right. so you can change it until you get
   your desire result.
 * Good luck!
 *  Thread Starter [matt84532](https://wordpress.org/support/users/matt84532/)
 * (@matt84532)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/text-padding-issue-1/#post-4216861)
 * [@namlee](https://wordpress.org/support/users/namlee/) thanks!
 * Unfortunately that didn’t seem to work. Any other suggestions?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 7 months ago](https://wordpress.org/support/topic/text-padding-issue-1/#post-4216862)
 * Did you remove your green body colour?
 *  Thread Starter [matt84532](https://wordpress.org/support/users/matt84532/)
 * (@matt84532)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/text-padding-issue-1/#post-4216865)
 * [@andrew](https://wordpress.org/support/users/andrew/) Nevins Just restored the
   color.
 * This appears to work for moving the text left:
 * article.row-fluid {
    margin-left: 40px; }
 * However, it forces the text on the right into the green container. Margin-right
   of any px amount appears not to have any effect. So how can I reduce the margin
   on the right so that the text stays within the white area?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 7 months ago](https://wordpress.org/support/topic/text-padding-issue-1/#post-4216867)
 * Try adding this instead:
 *     ```
       .container {
        padding: 20px;
       }
       ```
   
 *  Thread Starter [matt84532](https://wordpress.org/support/users/matt84532/)
 * (@matt84532)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/text-padding-issue-1/#post-4216870)
 * [@andrew](https://wordpress.org/support/users/andrew/)
 * the container tag moves the whole block out of alignment, creating a horizontal
   scroll.
 * Here’s what I’ve got going right now, which has gotten the text off the left 
   margin but is overlapping to the right. The margin-right appears not to be doing
   anything; I also tried changing it to a %, to no effect.
 * article.row-fluid {
    margin-right: 90%; margin-left: 30px; }
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 7 months ago](https://wordpress.org/support/topic/text-padding-issue-1/#post-4216871)
 * Have you tried removing all of these margins and instead just using padding?
 *  [ImageOmega](https://wordpress.org/support/users/imageomega/)
 * (@imageomega)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/text-padding-issue-1/#post-4216874)
 * Hey Matt,
 * Try this simple solution instead:
 * .row-fluid {
    width: 90% !important; }
 * Hope that helps!
 * Ninja vanish!
 *  Thread Starter [matt84532](https://wordpress.org/support/users/matt84532/)
 * (@matt84532)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/text-padding-issue-1/#post-4216877)
 * Thanks everyone!
 * [@imageomega](https://wordpress.org/support/users/imageomega/), that code will
   shrink other items (like the header). But it’s a great solution when combined
   with the margin adjustment I made earlier.
 * The original CSS, BTW, produces a 20px left margin in the body — so it wasn’t
   until I tried a larger px margin that I actually saw a change.
 * Here’s the final solution that produced the results I was looking for without
   moving other items that I wanted to leave in place:
 * /* Adjust text padding */
    article.row-fluid { width: 95%; margin-left: 30px;}
 * Thanks to everyone who contributed. Truly a team effort!
 *  Thread Starter [matt84532](https://wordpress.org/support/users/matt84532/)
 * (@matt84532)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/text-padding-issue-1/#post-4216878)
 * Marking this resolved. Thanks again!
 *  [ImageOmega](https://wordpress.org/support/users/imageomega/)
 * (@imageomega)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/text-padding-issue-1/#post-4216882)
 * Awesome!
 * I’m glad it worked out.
 *  [Tania](https://wordpress.org/support/users/tanidara/)
 * (@tanidara)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/text-padding-issue-1/#post-4217123)
 * Thank you [@matt84532](https://wordpress.org/support/users/matt84532/)
    I had
   same problem and you helped to fix it.

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Text Padding Issue’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png)
 * Customizr
 * [Support Threads](https://wordpress.org/support/theme/customizr/)
 * [Active Topics](https://wordpress.org/support/theme/customizr/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/customizr/reviews/)

## Tags

 * [container](https://wordpress.org/support/topic-tag/container/)
 * [margins](https://wordpress.org/support/topic-tag/margins/)
 * [padding](https://wordpress.org/support/topic-tag/padding/)
 * [text](https://wordpress.org/support/topic-tag/text/)

 * 12 replies
 * 5 participants
 * Last reply from: [Tania](https://wordpress.org/support/users/tanidara/)
 * Last activity: [11 years, 11 months ago](https://wordpress.org/support/topic/text-padding-issue-1/#post-4217123)
 * Status: resolved