Note: These sliding panels are designed to be full screen height. On tablet and mobile they will stack and the hover content will always be visible.

Each panel is contained within a section of the parent row. Each panel section is made up of two inner sections. The top inner section is the visible content (title) and the bottom inner section is the content which is displayed on hover.

You can add any content you wish inside each of the inner panel sections.

Images are set in the background settings for each of the 4 panel sections.
The overlay on non-hover state is set in the background overlay settings for each of the 4 panel sections.
The hover overlay and gradient and animation is all set within the CSS in the Custom CSS toggle of the parent row.

If you would like to change the hover overlay, for instance if you want dark text on a light background, there’s a variable you can adjust at the top of the CSS in the Custom CSS toggle of the parent row:

:root {
–bb-sliding-panels-1-overlay: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
}


Change the linear gradient colours, or create a gradient of your own using this handy tool which will generate the CSS for you: https://cssgradient.io

Woods


This is a subtitle

Cred stumptown keffiyeh seitan. Sustainable tumeric before they sold out occupy edison bulb squid pork belly craft beer la croix. Yes plz man bun neutra palo santo authentic hoodie, drinking vinegar artisan etsy hammock direct trade gochujang subway tile franzen shaman.

Lakes


This is a subtitle

Cred stumptown keffiyeh seitan. Sustainable tumeric before they sold out occupy edison bulb squid pork belly craft beer la croix. Yes plz man bun neutra palo santo authentic hoodie, drinking vinegar artisan etsy hammock direct trade gochujang subway tile franzen shaman.

Moors


This is a subtitle

Cred stumptown keffiyeh seitan. Sustainable tumeric before they sold out occupy edison bulb squid pork belly craft beer la croix. Yes plz man bun neutra palo santo authentic hoodie, drinking vinegar artisan etsy hammock direct trade gochujang subway tile franzen shaman.

Beaches


This is a subtitle

Cred stumptown keffiyeh seitan. Sustainable tumeric before they sold out occupy edison bulb squid pork belly craft beer la croix. Yes plz man bun neutra palo santo authentic hoodie, drinking vinegar artisan etsy hammock direct trade gochujang subway tile franzen shaman.