Styler Box Stack

Stacks Image 1771
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.

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

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

Infos and Requirements

Rapidweaver
Rapidweaver 5
Responsive
Compatible to
responsive themes

Buy

* 19% VAT will be added for EU customers

Downloads

Stacks Image 1878

Download Project File

Browser Compatibility

  • Safari
  • Chrome
  • Opera
  • Internet Explorer (rounded corners only in IE9+)
  • Firefox