Skip to content
Grav 2.1 is out: every page speaks Markdown. Read the announcement →

Modular Paralaxx with Full Width

Started by codiergott 9 years ago · 0 replies · 1038 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 967 11 months ago
Content & Markdown · by Ton Haarmans, 1 year ago
10 766 1 year ago
Content & Markdown · by Jan L'Am, 2 years ago
4 680 2 years ago
Content & Markdown · by Leonardo, 2 years ago
3 602 2 years ago
Content & Markdown · by belthasar, 2 years ago
4 988 2 years ago