 <p>2 Parts to this question:</p> <p>1) Changing the background colour, you will need to set "background-color" on the Body, as well as setting a white (or any desired colour) on the container div. The div is transparent by default, so when you are updating the colour, it is visible through the transparent div.</p> <p>2) Aligning the text should be as simple as using the CSS "text-align: centre" to align your text to the centre of each column. In order to confine it to the same width of the image, I would suggest playing around with setting a CSS "padding" on the column divs like so (excuse the inline styling):</p> <pre><code>&lt;div class="row"&gt; &lt;div class="col-lg-4" style="padding: 0px 50px"&gt; &lt;img class="center-block" src="images/newveh.png" alt="Generic placeholder image" width="280" height="175"&gt; &lt;h3 style="text-align: centre"&gt;&lt;b&gt;New Vehicles&lt;/b&gt;&lt;/h3&gt; &lt;p style="text-align: centre"&gt;Jr Audi has the latest Audi models available.&lt;/p&gt; &lt;p&gt;&lt;a class="btn btn-default" href="#" role="button"&gt;&amp;raquo; View New Inventory&lt;/a&gt;&lt;/p&gt; &lt;/div&gt;&lt;!-- /.col-lg-4 --&gt; </code></pre>