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

Michal Szymanski staff 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?

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 answered 6 years ago


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

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 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


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 answered 6 years ago


support3 pro answered 6 years ago


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


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