Styler Box

You ever wanted to style parts of your page the "special" way? Now you can. One thing I needed very often was to give those Stacks a fixed height, now you can. You can even decide what to do if its content is "higher" than your box, cut off or display a scrollbar.
Set up a background color or background image for your Stack, this will make your page unique among others.

Buy €7.99

Project File

RapidWeaver®

Screenshots

New Screenshots will come soon...

Examples

Colored box with non-repeating background-image and fixed dimensions and overflow scrolling, left aligned and rounded corners

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales

Colored box with non-repeating background-image and fixed width, right aligned, rounded corners in combination with a TransBox Stack

Settings

Width/Height: auto will set the size automatically to the required values. You can enter values like 150px too
Overflow scrolling: This is only needed if you setup up fixed dimension and the content's size is higher/wider than possible. A scrollbar will be shown if this activated otherwise the content is cut off
Background Image
Background Repeat: Check in order to make the background image repeat itself.
Round bottom corner
Round top corner
Use Background-Color: Check to set a color
Background-Color: Choose a color
Position: Bottom or Top of the browser window
ID: You can set up an ID for your Stack. This is an expert setting and only needed for other Stacks like Smooth Scrolling Stack to get referenced
Class: You can set up a Class attribute for your Stack. This is an expert setting like ID
Alignment: Center/ Left / Right