# Full Width Content - Images and Banding

**URL:** <https://forums.realmacsoftware.com/t/full-width-content-images-and-banding/13544>\
**Category:** RapidWeaver Classic\
**Created:** [April 8, 2017, 8:44pm UTC](https://forums.realmacsoftware.com/t/full-width-content-images-and-banding/13544 "2017-04-08T20:44:05Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![indent](https://avatars.discourse-cdn.com/v4/letter/i/df788c/32.png) [@indent](https://forums.realmacsoftware.com/u/indent)\
**Post date:** [April 8, 2017, 8:44pm UTC](https://forums.realmacsoftware.com/t/full-width-content-images-and-banding/13544/1 "2017-04-08T20:44:05Z")

</div>

I’ve been having difficulty having images extend to full width in the “Paramount” there from Michael David. I’ve tried a few CSS tweaks but nothings seems to get rid of the padding on the sides.

Does anyone know any work arounds to force something to full width?

I thought maybe trying extra content however I can’t figure out how embed that into a regular area.

Any advice would be awesome!

I’m trying to replicate full width images, and color banding with text in a few different areas

---

<div class="post-metadata">

**Author:** ![thang](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/thang/32/303_2.png) [@thang](https://forums.realmacsoftware.com/u/thang)\
**Post date:** [April 8, 2017, 9:04pm UTC](https://forums.realmacsoftware.com/t/full-width-content-images-and-banding/13544/2 "2017-04-08T21:04:00Z")

</div>

It’s hard to help without a link to your site.

---

<div class="post-metadata">

**Author:** ![devananda](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/devananda/32/13413_2.png) [@devananda](https://forums.realmacsoftware.com/u/devananda)\
**Post date:** [April 8, 2017, 10:16pm UTC](https://forums.realmacsoftware.com/t/full-width-content-images-and-banding/13544/3 "2017-04-08T22:16:58Z")

</div>

Big White duck has a suite of stack that allow this. One is called Sections Box and another Sections Pro. Even a minimal understanding of how to use these stacks will change the way you work with RW.

> **[Big White Duck - RapidWeaver Stacks](https://www.bigwhiteduck.com/stacks/#0)**
>
> The listing of all our free stacks and resources

---

<div class="post-metadata">

**Author:** ![indent](https://avatars.discourse-cdn.com/v4/letter/i/df788c/32.png) [@indent](https://forums.realmacsoftware.com/u/indent)\
**Post date:** [April 8, 2017, 11:15pm UTC](https://forums.realmacsoftware.com/t/full-width-content-images-and-banding/13544/4 "2017-04-08T23:15:34Z")

</div>

Sorry nothing is live yet.

I have tried the Big White Duck stacks and they almost achieve what I’m trying to do. I just can’t get ride of the white margins on the side. I want Edge to Edge content.

The them doesn’t provide a 100% width however I’ve been digging into the package contents of it to see if I can tweak the CSS.

---

<div class="post-metadata">

**Author:** ![kryten](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/kryten/32/5313_2.png) [@kryten](https://forums.realmacsoftware.com/u/kryten)\
**Post date:** [April 9, 2017, 6:37am UTC](https://forums.realmacsoftware.com/t/full-width-content-images-and-banding/13544/5 "2017-04-09T06:37:44Z")

</div>

@devananda

Would it be possible to show the settings you used in the stacks to achieve this in Paramount? I recall I tried to do the edge-to-edge image thing in Paramount a long time ago and it took a fair bit of CSS to do it.

Thanks.

---

<div class="post-metadata">

**Author:** ![devananda](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/devananda/32/13413_2.png) [@devananda](https://forums.realmacsoftware.com/u/devananda)\
**Post date:** [April 9, 2017, 12:41pm UTC](https://forums.realmacsoftware.com/t/full-width-content-images-and-banding/13544/6 "2017-04-09T12:41:16Z")

</div>

for sections box this is done by overriding full width settings (appears to be only in foundation). See here:

[http://sectionspro.bigwhiteduck.com/box/maxwidth/](http://sectionspro.bigwhiteduck.com/box/maxwidth/)

In sections box, there’s a setting called “content width” at the bottom of all the settings. Set that to 100% and it will cover the entire page.

The best way to learn is to download the demo project itself.

[https://www.bigwhiteduck.com/stacks/sectionspro/](https://www.bigwhiteduck.com/stacks/sectionspro/)

These are amazing resources that Big White Duck provides; providing the project itself and thus the ability to see exactly what is being done on the demo site.

---

<div class="post-metadata">

**Author:** ![kryten](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/kryten/32/5313_2.png) [@kryten](https://forums.realmacsoftware.com/u/kryten)\
**Post date:** [April 9, 2017, 1:21pm UTC](https://forums.realmacsoftware.com/t/full-width-content-images-and-banding/13544/7 "2017-04-09T13:21:40Z")

</div>

@devananda

Yes, I agree that the BWD stacks are amazing. I cannot praise them highly enough.

But, back to the point in hand… see the image below. Is this what you had in mind when you replied earlier suggesting that this could be achieved in Paramount as per the OP’s question?

 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/2/272cdc293d0414ee2427beb06eb0a2348101da1c.png)

Not trying to be picky, just intrigued as to whether you were able to achieve the objective described by the OP. Or not.

Edit: Its a bit of a pain to do this in Paramount and as a result it is not a modification I could recommend:-

 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/f/f6dc3229313954985887b20ad929ca7cab09410b.png)

Instead, I would encourage anyone using this theme to try to get the best results they can by working _in harmony_ with the theme rather than trying to bend it too far out of shape. I offer that simply as someone who went a few rounds with this theme when it came out.

---

<div class="post-metadata">

**Author:** ![indent](https://avatars.discourse-cdn.com/v4/letter/i/df788c/32.png) [@indent](https://forums.realmacsoftware.com/u/indent)\
**Post date:** [April 9, 2017, 3:45pm UTC](https://forums.realmacsoftware.com/t/full-width-content-images-and-banding/13544/8 "2017-04-09T15:45:21Z")

</div>

I’m able to achieve the first image where there still remains padding/margins.

What I’m trying to get to is true edge-to-edge like your second image shows. How were you able to achieve this result?

Thank you everyone for all the support. I’ve come to this community so many times before but this is the first time asking for support and you all rock!

---

<div class="post-metadata">

**Author:** ![kryten](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/kryten/32/5313_2.png) [@kryten](https://forums.realmacsoftware.com/u/kryten)\
**Post date:** [April 9, 2017, 4:00pm UTC](https://forums.realmacsoftware.com/t/full-width-content-images-and-banding/13544/9 "2017-04-09T16:00:09Z")

</div>

@indent  
I had to use some CSS. A bit messier than I would usually share (too fragile, I think) and I doubt the theme developer would be appreciative. **This is why I was interested in what @devananda meant in his response to you.** It’ll be interesting to hear what that response was based on.

@devananda  
Can you elaborate?

---

<div class="post-metadata">

**Author:** ![indent](https://avatars.discourse-cdn.com/v4/letter/i/df788c/32.png) [@indent](https://forums.realmacsoftware.com/u/indent)\
**Post date:** [April 12, 2017, 4:47am UTC](https://forums.realmacsoftware.com/t/full-width-content-images-and-banding/13544/10 "2017-04-12T04:47:41Z")

</div>

> [@devananda](#):
>
> for sections box this is done by overriding full width settings (appears to be only in foundation). See here:
> 
> [Full Width Mode | Sections Box stack for RapidWaever](http://sectionspro.bigwhiteduck.com/box/maxwidth/)
> 
> In sections box, there’s a setting called “content width” at the bottom of all the settings. Set that to 100% and it will cover the entire page.
> 
> The best way to learn is to download the demo project itself.
> 
> [Sections Pro Stacks for RapidWeaver](https://www.bigwhiteduck.com/stacks/sectionspro/)
> 
> These are amazing resources that Big White Duck provides; providing the project itself and thus the ability to see exactly what is being done on the demo site.

I’ve tried this in two different themes however still have padding on the sides. Am I missing a step?
