TransBorder Stack

TransBorder Stack creates a semi-transparent frame and a border around your Stack. Additionally you can even have a shadow around it. Each of theses options can be configured by width and color.

Screenshots

Example 1:

Grey Frame with 0.5 opacity and 1px white border and 5px border radius
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.
Example 2:
Red Frame with 0.5 opacity, 5px grey border and 5px white shadow and 15px border radius
Stacks Image 1933

Settings

Just drop the stack and configure it. You can use these settings:
  • Opacity: 0 is fully transparent, 1 is non-transparent
  • Inner / Frame / Border / Shadow Color: Specific colors can be set
  • Frame / Border Width: Different widths can be set for border and frame
  • Shadow: Enable the shadow around the Stack
  • Shadow width: How much pixels of shadow do you want? Be sure to set this Stack's padding for at least as many pixels as entered here
  • Corner radius: Set the corner radius in pixels (15 is a good choice)

Browser Compatibility

  • Safari
  • Chrome
  • Opera
  • Internet Explorer (7+8 without rounded corners)
  • Firefox

Infos and Requirements

Rapidweaver
Rapidweaver 5/6/7
Stacks 2 only
Stacks 2 / 3
Responsive
Compatible to
responsive themes
Internet
Internet connection
for preview