# More Banner Woes--Unwanted Margins/Padding

**URL:** <https://forums.realmacsoftware.com/t/more-banner-woes-unwanted-margins-padding/25176>\
**Category:** RapidWeaver Classic\
**Created:** [February 12, 2019, 9:17am UTC](https://forums.realmacsoftware.com/t/more-banner-woes-unwanted-margins-padding/25176 "2019-02-12T09:17:47Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![mokane99](https://avatars.discourse-cdn.com/v4/letter/m/e8c25b/32.png) [@mokane99](https://forums.realmacsoftware.com/u/mokane99)\
**Post date:** [February 12, 2019, 9:17am UTC](https://forums.realmacsoftware.com/t/more-banner-woes-unwanted-margins-padding/25176/1 "2019-02-12T09:17:47Z")

</div>

Goal:  
The banner should stretch from side to side with no margins or padding.  
Currently, I keep getting margins.  
Image size: Pass 1: 1024 x 768 Margins/padding appear  
Pass 2: 1200 x 800 No change

Theme: Blanksnap (Bootstrap)  
Settings: Pass 1: Content width (Container) (pixels): 1140 px. Margins still appear  
Pass 2: Content width: (Container)(percentage) 100 [percent sign not needed?] Margins still appear

Stacks: Bannerstack (Stacks4Stacks, used alone): Margins/padding appear  
Freestyle 2 (Stacks4Stacks, used alone): Margins/padding appear

Pass 3: Place Banner stack with image inside Blanksnap Jumbotron Stack. Result: image width reduced, grey background canvas created, margins/padding present.

Complication: RW says “the theme you have selected does not support banner images.” ??? This is a blank, bootstrap-based theme. Bootstrap doesn’t permit banner images??

Switching to the Blank 5.1 theme, the Bannerstack does not work properly. And now the navigation menu is gone. And I’m not as confident that without Bootstrap, that theme will be as responsive as Bootsnap. ![30%20AM|221x499](upload://9A6jv9E5thzX2ejcSegnJa3Av3h.png ![50%20AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/0/005a7139b0697771819be564b08da23b530c8ea0.png) ![29%20AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/1/102b39c200374505f9b2571127dd6ffd293d6a5c.png) )  
 ![19%20AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/0/04cddc6e92259f85c7b32d39db03a7bd4738b20d.png)

Is there a setting that will properly create banners in Rapidweaver?  
Is there a stack that will restore the navigation menu?

Here’s the page in question:  
[http://www.mu7ami.com/page-2/index.html](http://www.mu7ami.com/page-2/index.html)

---

<div class="post-metadata">

**Author:** ![joemart1951](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joemart1951/32/1193_2.png) [@joemart1951](https://forums.realmacsoftware.com/u/joemart1951)\
**Post date:** [February 12, 2019, 9:32am UTC](https://forums.realmacsoftware.com/t/more-banner-woes-unwanted-margins-padding/25176/2 "2019-02-12T09:32:30Z")

</div>

That banner graphic is only 200x80!  
Try this stack…  
[https://www.doobox.co.uk/stacks\_store/demos/eternity.html](https://www.doobox.co.uk/stacks_store/demos/eternity.html)  
Here is a sample with your banner:  
[http://ibize.com/banner/](http://ibize.com/banner/)

---

<div class="post-metadata">

**Author:** ![mokane99](https://avatars.discourse-cdn.com/v4/letter/m/e8c25b/32.png) [@mokane99](https://forums.realmacsoftware.com/u/mokane99)\
**Post date:** [February 12, 2019, 9:44am UTC](https://forums.realmacsoftware.com/t/more-banner-woes-unwanted-margins-padding/25176/3 "2019-02-12T09:44:41Z")

</div>

If that were only the issue! The uploaded page is probably on v.10 by now, sorry that the wrong graphic was uploaded in the link.  
A 1200 x 800 graphic is now used, but the problem remains.

---

<div class="post-metadata">

**Author:** ![willwood](https://avatars.discourse-cdn.com/v4/letter/w/bc8723/32.png) [@willwood](https://forums.realmacsoftware.com/u/willwood)\
**Post date:** [February 12, 2019, 9:46am UTC](https://forums.realmacsoftware.com/t/more-banner-woes-unwanted-margins-padding/25176/4 "2019-02-12T09:46:31Z")

</div>

‘Blank’ theme:

> **[Blank RapidWeaver Theme | ThemeFlood](https://themeflood.com/blank/)**
>
> Blank theme for RapidWeaver

This has a maximum width of 940px applied by default in the theme settings. Everything placed within the content container will not be allowed to grow wider than that. Navigation is B.Y.O. [Gator](https://stacks4stacks.com/gator/) would be most suitable.

**What if I want a full width banner?**

Simply change the Blank theme width setting to **Variable, 0px Margin**. Now everything will go full width on the page.

 ![07](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/b/b9ea46b652e5d8440f0129438f09a59fb3cfdb73.jpeg)

**How do I make certain parts of the page constrained again?**

Use a free stack like [UsefulStack](https://stacks4stacks.com/usefulstack/) or the ‘Container’ stack within the [Bootiful](https://themeflood.com/stacks/) Bootstrap stacks. These will let you re-apply a max-width again and constrain things into the centre of the page. We typically do not want writing full width - it makes things very hard to read.

**Why are my images placed inside [BannerStack](https://stacks4stacks.com/bannerstack/) still not stretching to full width or what is causing them to become resized?**

Dragged and dropped images in Stacks have a maximum width and height of 1200px applied. This is known as a sizing constraint. To remove the constraint, double-click the image in edit mode. In the Layout group of setting, uncheck the **Constrain Width** and **Constrain Height** settings.

 ![04](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/e/e95a8daf6d2e7b95db8f86ab7099a23642dcab48.jpeg)

---

<div class="post-metadata">

**Author:** ![joemart1951](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joemart1951/32/1193_2.png) [@joemart1951](https://forums.realmacsoftware.com/u/joemart1951)\
**Post date:** [February 12, 2019, 10:39am UTC](https://forums.realmacsoftware.com/t/more-banner-woes-unwanted-margins-padding/25176/5 "2019-02-12T10:39:42Z")

</div>

Try this stack…just looked and it resizes even on phones:  
[http://www.defligra.com/image-stacks/bigpicture-stack/](http://www.defligra.com/image-stacks/bigpicture-stack/)  
Tested with BootSnap 3  
[http://ibize.com/banner](http://ibize.com/banner)

---

<div class="post-metadata">

**Author:** ![mokane99](https://avatars.discourse-cdn.com/v4/letter/m/e8c25b/32.png) [@mokane99](https://forums.realmacsoftware.com/u/mokane99)\
**Post date:** [February 12, 2019, 7:59pm UTC](https://forums.realmacsoftware.com/t/more-banner-woes-unwanted-margins-padding/25176/6 "2019-02-12T19:59:11Z")

</div>

Thanks but “images” are in a different category than a “banner” or a Jumbotron. According to the site, that stack deals with image presentation generally, not images which form the banner image of a site.

---

<div class="post-metadata">

**Author:** ![jamesbond](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jamesbond/32/22891_2.png) [@jamesbond](https://forums.realmacsoftware.com/u/jamesbond)\
**Post date:** [February 12, 2019, 8:11pm UTC](https://forums.realmacsoftware.com/t/more-banner-woes-unwanted-margins-padding/25176/7 "2019-02-12T20:11:04Z")

</div>

How do they differ?

---

<div class="post-metadata">

**Author:** ![mokane99](https://avatars.discourse-cdn.com/v4/letter/m/e8c25b/32.png) [@mokane99](https://forums.realmacsoftware.com/u/mokane99)\
**Post date:** [February 12, 2019, 8:17pm UTC](https://forums.realmacsoftware.com/t/more-banner-woes-unwanted-margins-padding/25176/8 "2019-02-12T20:17:49Z")

</div>

Also called a “hero” image, here is Wikipedia’s definition:

> In **web design** , a hero image is a large **web** banner image, prominently placed on a **web** page, generally in the front and center. The hero image is often the first visual element a visitor encounters on the **site** ; it presents an overview of the **site’s** most important content.

Otherwise, an image is simply any old picture which does not fulfill this role. The hero image invariably extends to both left and right margins without padding. It’s the image contained within a Rapidweaver theme that is difficult if not impossible to change.

---

<div class="post-metadata">

**Author:** ![jamesbond](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jamesbond/32/22891_2.png) [@jamesbond](https://forums.realmacsoftware.com/u/jamesbond)\
**Post date:** [February 12, 2019, 9:43pm UTC](https://forums.realmacsoftware.com/t/more-banner-woes-unwanted-margins-padding/25176/9 "2019-02-12T21:43:47Z")

</div>

But they’re all just images. No?

---

<div class="post-metadata">

**Author:** ![joemart1951](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joemart1951/32/1193_2.png) [@joemart1951](https://forums.realmacsoftware.com/u/joemart1951)\
**Post date:** [February 13, 2019, 12:39am UTC](https://forums.realmacsoftware.com/t/more-banner-woes-unwanted-margins-padding/25176/10 "2019-02-13T00:39:36Z")

</div>

That sounds like “The same thing only different”…All BS!!!

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [March 15, 2019, 10:39am UTC](https://forums.realmacsoftware.com/t/more-banner-woes-unwanted-margins-padding/25176/11 "2019-03-15T10:39:46Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
