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?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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;
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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!
Thank you @matt84532
I had same problem and you helped to fix it.
