Possible to make column length stretch 100% of the page

  • Resolved gudthing

    (@gudthing)


    9 years, 5 months ago

    Hi! I am trying to create a row system similar to this where the background colour is 100% of the width and the text remains in a width of 900px.

    I have manage to partially managed to recreate it using the structure:

    <div class="row-fluid">
    <span class="4"> [image gpes here] </span>
    <span class="8"> [text goes here] </span>
</div>

    This gives me this:
    https://i.imgur.com/X4P6WHg.jpg

    Is it possible to have the background (If I set it through css) to stretch the full width (where I’ve added the blue lines) whilst keeping the text and image in the same position?

    I haven’t used bootstrap very much so I’m not sure if there is even a solution. Thanks

    Note: I have selected no-borders in page options

    [ No bumping please. ]

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

  • You are a bit adrift with the use of Bootstrap. Czr uses Bootstrap2 and you should start with their site. Start with the Scaffolding section and you’ll see that your code above is incorrect. It should be something like 

    <div class="row-fluid">
      <div class="span4">...</div>
      <div class="span8">...</div>
    </div>
    Thread Starter gudthing

    (@gudthing)

    @rdellconsulting

    Thank you so much for the reply and correcting my mistake! (I actually knew it was supposed to be <div> from this article so I have no idea why I wrote span!

    Do you know if what I’m trying to do is possible? So this is the current layout:

    |==================|
|  |---|text|---|  |
|  |---|text|---|  |
|                  |

    and what I’m trying to do is this: 

    |==================|
||-----|text|-----||
||-----|text|-----||
|                  |

    Where the ----- acts like background colour for a row, and the text remains centralized.

    I can make the first design using scaffolding in bootstrap (which is how the theme is set up, but I can’t see how I can achieve the second design, unless the content div gets closed?

    Except for this minor issue, this theme is amazing :D!

    Still not clear on what you’re after, but maybe this Snippet will help?

    Link to your site would help too.

    Thread Starter gudthing

    (@gudthing)

    thanks for your help!

    I actually managed to achieve the behaviour that I was after using custom templates (built from the index file from the parent theme).

    thanks again ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Possible to make column length stretch 100% of the page’ is closed to new replies.