Stacks Image 545

2 Tools. Backgrounds and Margin & Padding


Backgrounds.

In the Backgrounds stack, you can configure different backgrounds for different screen resolutions: for desktop, tablet, mobile.

Add a gradient over the background image.

There is a custom setting position, which can be read in the instructions.


Margin & Padding

In the second stack, Margin & Padding, you can configure Margin and Padding both, in the usual way and for each device separately. You can also experiment with the top and bottom Margin.

Alignment only works for Desktop (at this time).

Version 1.0.1


RapidWeaver 7/8
Stacks 3.5+


Released: 05.2019


Accept the following payment methods:
• PayPal
• Visa (including Visa Electron)
• Mastercard
• Maestro
• AMEX
• Discover
• Diner's Club


Example:

Different backgrounds at different screen resolutions:

Header

Backgrounds stack
Stacks Image 709
Stacks Image 768

Examples:

Stacks Image 746

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.

3D Text
3D Text
Desktop Padding: 100px 0px 100px 0px,
Tablet Padding: 50px,
Mobile Padding: 10px 50px 10px 50px.

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.
Margin & Padding stack
Stacks Image 537
Stacks Image 770
Stacks Image 666
Updates:

Version 1.0.1 - Added gradient overlay for Backgrounds.

Image
© 2019 Wondrousss |