Parallax effect in 4.1.0?

Topic: Parallax effect in 4.1.0?

Fitrepreneur pro asked 8 years ago

Hi - I cannot find any info on Parallax effect in 4.1.0... I found parallax in Parallax effect for mdb3 here in support: http://mdbootstrap.com/mdb3/components/parallax/ I searched mdb.css for the parallax class and could not find it. JM

Add comment

support3 pro answered 8 years ago

0 0 Best answer

All we need for parallax! :)

.parallax {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

Add comment

Michal Szymanski staff pro premium priority answered 8 years ago

0 0 Best answer

Here

Add comment

Fitrepreneur pro answered 8 years ago

0 0 Best answer

Thanx Michal a few questions: 1st, the 'full video background' template does not link to mdb.css, style.css or a few other files that it seems should be linked - am I correct? 2nd, can't I more the 'style' code from the header of the template style.css file? 3rd, so I added the code below to the style.css tile and linked the file to the template: ---- head ----  <link href="css/style.css" rel="stylesheet"> _____ body ----   <section class="parallax" id="parallax1"> </section>   <div class="container text-xs-center"> <h3>Heading</h3> <hr> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis, ipsam corporis eius officiis accusamus neque mollitia dolor, optio natus, magnam blanditiis exercitationem fugit distinctio laboriosam sit a consectetur rerum quod.</p> </div>   _____ style.css ------ #parallax1 { background-image: url("img/fit_office_2.png"); } .parallax1 { height: 400px; } _____ ** THE TEXT SHOWS UP BUT NOT THE IMAGE *** 4th, I am thinking I can replace the text with the content from the Intro section (see video / intro conflict), but I cannot figure out where the content is being styled so I can remove the white background and change some text styling. .... am I on the right path here or is there a better way? thanx JM

Add comment

Michal Szymanski staff pro premium priority answered 8 years ago

0 0 Best answer

Do you mean that template? http://mdbootstrap.com/download/templates/bootstrap/free/full-video-carousel/index.html 1. All our core files should be linked. There is no exception for any template. 2. "can’t I more the ‘style’ code from the header of the template style.css file?" - I'm sorry, I don't understand this question 4. Content inside "container" doesn't have any custom style. You have to define it first if you want to change it.

Add comment

Fitrepreneur pro answered 8 years ago

0 0 Best answer

Hi Michal - i have uploaded the site to www.fitrepreneur.me so you can see what is going on. JM

Add comment

Michal Szymanski staff pro premium priority answered 8 years ago

0 0 Best answer

Hi, so what are the questions, apart from these which have I already answered?

Add comment

Fitrepreneur pro answered 8 years ago

0 0 Best answer

Michal - www.fitrepreneur.me I have removed the 'intro' Now there is only the parallax, but the background is not showing!!! Will you please take the time to look at what I am doing and provide a useful answer? JM

Add comment

Michal Szymanski staff pro premium priority answered 8 years ago