Text Padding Issue

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!

@namlee thanks!

Unfortunately that didn’t seem to work. Any other suggestions?

Did you remove your green body colour?

@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?

Try adding this instead:

.container {
 padding: 20px;
}

@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;
}

Have you tried removing all of these margins and instead just using padding?

Hey Matt,

Try this simple solution instead:

.row-fluid {
width: 90% !important;
}

Hope that helps!

Ninja vanish!

Thanks everyone!

@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!

Marking this resolved. Thanks again!

Awesome!

I’m glad it worked out.

Thank you @matt84532
I had same problem and you helped to fix it.