Title: Full width colour blocks
Last modified: September 1, 2016

---

# Full width colour blocks

 *  [Johsten](https://wordpress.org/support/users/johsten/)
 * (@johsten)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/full-width-colour-blocks/)
 * I would like to create coloured blocks that surround specific content, and that
   span the full width of pages. Basically I would like to extend the edges of the
   block on [this page](http://wordsage.co.uk/test/) to the edges, and be able to
   do that across the site.
 * So far I have created a div with a class where I’ve added the background colour.
   So how can I increase the width of just these blocks, without also having text
   and other content that goes right to the edge of pages?
 * Thanks.

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

 *  [Menaka S.](https://wordpress.org/support/users/menakas/)
 * (@menakas)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/full-width-colour-blocks/#post-7539458)
 * Hi,
    Add this to child theme’s style.css
 *     ```
       .span12 {
           width: 100%;
       }
       ```
   
 *  Thread Starter [Johsten](https://wordpress.org/support/users/johsten/)
 * (@johsten)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/full-width-colour-blocks/#post-7539482)
 * Hi,
 * Thanks for your suggestion.
 * It makes the grey box full width when I add the following:
 *     ```
       .container, .span12 {
           width: 100%;
       }
       ```
   
 * However, the text in the box then comes to the edges as well. It also skews the
   content on the homepage to the left.
 * Thanks.

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

The topic ‘Full width colour blocks’ 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

 * [boxes](https://wordpress.org/support/topic-tag/boxes/)
 * [content](https://wordpress.org/support/topic-tag/content/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [width](https://wordpress.org/support/topic-tag/width/)

 * 2 replies
 * 2 participants
 * Last reply from: [Johsten](https://wordpress.org/support/users/johsten/)
 * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/full-width-colour-blocks/#post-7539482)
 * Status: not resolved