Full width colour blocks

  • Johsten

    (@johsten)


    9 years, 10 months ago

    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 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.

    (@menakas)

    9 years, 10 months ago

    Hi,
    Add this to child theme’s style.css

    .span12 {
    width: 100%;
}
    Thread Starter Johsten

    (@johsten)

    9 years, 10 months ago

    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.