How to create a Parallax effect

Posted in: Newspaper
Post count: 3
CoeurBis
#34894
Jan 19, 2015 at 5:31 pm

Hi,

How to create a Parallax effect on a class .parallax-mode (in VC) ?

Thx

Post count: 6600
Lucian
#34999
Jan 20, 2015 at 12:39 pm

Hi,

You can inspect post style 4 or the page with background image template and see how were built.
Ex: http://demo.tagdiv.com/newspaper/how-to-make-people-love-you/
Unfortunately I can’t help you with this as you need custom work for it.
I suggest to get someone to help you with this as we cannot provide any custom work at this time because we work hard on development/fixes and support.
Sorry for the inconvenience and thanks for the message!

Thanks

Post count: 3
CoeurBis
#35001
Jan 20, 2015 at 12:48 pm

Hello,

I understand, I’ll try to see, thank you again.

  • This reply was modified 11 years by CoeurBis.
Post count: 3
CoeurBis
#35010
Jan 20, 2015 at 1:23 pm

Hi,

I finally made it! It’s a bit of hack but it works!

Here’s how I do;

In CSS :

div.parallax-mode {
height: 100%;
padding: 5% 27.4%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
width: 100%;
left: -27.4%;
position: relative;
}

div.parallax-mode div.column_container {
background-color: #FFFFFF;
padding: 20px;
box-shadow: .5px .866px 5px 0 rgba(0,0,0,0.5);
}

Here, you just add the class “parallax-mode” in VC and add a background.

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.