Parallax effect in 4.1.0?

Fitrepreneur pro asked 6 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

support3 pro answered 6 years ago

All we need for parallax! :)
.parallax {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

Michal Szymanski staff pro premium priority answered 6 years ago

Fitrepreneur pro answered 6 years ago

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 ---- <!-- Custom CSS --> <link href="css/style.css" rel="stylesheet"> _____ body ---- <!-- Parallax One --> <!--Sticky image--> <section class="parallax" id="parallax1"> </section> <!--/.Sticky image--> <!--Regular content--> <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> <!--/.Regular content--> <!-- /Parallax One --> _____ 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

Michal Szymanski staff pro premium priority answered 6 years ago

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.

Fitrepreneur pro answered 6 years ago

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

Michal Szymanski staff pro premium priority answered 6 years ago

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

Fitrepreneur pro answered 6 years ago

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

Michal Szymanski staff pro premium priority answered 6 years ago

I sent you a sample file with working video carousel and parallax section below. Why you do not use it as an example for your project?
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags