Skip to content
● Grav 2.2 is out: 2x faster cold starts and 96% less memory on big sites. Read the announcement →

Modular Paralaxx with Full Width

Started by codiergott 9 years ago · 0 replies · 1066 views
9 years ago

Hello, maybe someone can help me. I'm grav beginner just trying something with the CMS. I would like to see a Modular page where a Paralaxx effect can be seen. The Paralaxx effect I present as follows.

<style>
.parallax {
/ The image used /
background-image: url("http://****.jpeg");

YAML
/* Set a specific height */
height: 500px; 

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;

}
</style>

<!-- Container element -->
<div class="parallax">
Hallo
</div>

I get to see the Paralaxx effect, but not the full width.

Maybe someone has an idea. Thank you

Suggested topics

Topic Participants Replies Views Activity
Content & Markdown · by Jochen, 11 months ago
6 1200 11 months ago
Content & Markdown · by Ton Haarmans, 1 year ago
10 964 1 year ago
Content & Markdown · by Jan L'Am, 2 years ago
4 843 2 years ago
Content & Markdown · by Leonardo, 2 years ago
3 765 2 years ago
Content & Markdown · by belthasar, 2 years ago
4 1180 2 years ago