Overlapping Hero and Overlapping Footer Images
Code is added in Sprocket at bottom of screen > Advanced Tab > Custom CSS / JS JupiterX Field
This is how to set up Overlapping Hero Image that overlaps the section below.
Adjust as needed. You do not need all the divs, they were just for styling.
There is also an Overlapping Footer Image on this page. The footer currently applies to this page only in Instances.
ALSO, add this to jupiterx-layout-specific-tweaks.css at top, adjust code for both divs
.jupiterx-site,
.jupiterx-main {
overflow: hidden !important;
}
H1 Text is Here – Link Here
H2 Text is Here – Link Here
H3 Text is Here – Link Here
H4 Text is Here – Link Here
H5 Text is Here – Link Here
H6 Text is Here – Link Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
- This Thing
- That Thing
- The Other Thing
- This Thing
- That Thing
- The Other Thing
The point of using Lorem Ipsum is that it has a more-or-less normal. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using.