Skip to content
Grav 2.0 is officially stable. Read the announcement →

Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

Content & Markdown

Modular Paralaxx with Full Width

Started by codiergott 8 years ago · 0 replies · 901 views
8 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, 8 months ago
6 96 8 months ago
Content & Markdown · by Ton Haarmans, 1 year ago
10 184 1 year ago
Content & Markdown · by Jan L'Am, 1 year ago
4 147 1 year ago
Content & Markdown · by Leonardo, 1 year ago
3 61 1 year ago
Content & Markdown · by belthasar, 1 year ago
4 255 1 year ago