Creating a Parallax effect for a home page

Topic: Creating a Parallax effect for a home page

Stanley Davenport pro asked 8 years ago

When using the Parallax Effect where do I put the code below? Do I put it in an existing style sheet? If so which one? Bootstrap CSS, Material Design CSS or Custom CSS? I understand what to do with the HTML coding.

.top-nav-collapse {
    background-color: #82b1ff !important; 
}
.navbar:not(.top-nav-collapse) {
    background: transparent !important;
}
@media (max-width: 768px) {
    .navbar:not(.top-nav-collapse) {
        background: #82b1ff !important;
    } 
}

h5 {
    letter-spacing: 3px;
}
@media (max-width: 740px) {
    .full-height,
    .full-height body,
    .full-height header,
    .full-height header .view {
        height: 700px; 
    } 
}

Thank you for the help. Just struggling to understand.

Add comment

Marta Szymanska answered 8 years ago

0 0 Best answer

Hi, you can put this CSS code within tags<style></style> on the top of your HTML file or to the custom.css file. Best, Marta

Stanley Davenport pro commented 8 years ago

Hey thank you Marta. Could I put the code in an existing CSS file so as not to bloat the HTML file? Forgive my novice mentality, just trying to learn something new. Thank You.

Add comment

Marta Szymanska answered 8 years ago

0 0 Best answer

Hi, you can put your CSS code to your custom CSS file but don't put the new code to the mdb.css file because it will make a mess in the core MDB CSS code. Best, Marta

Stanley Davenport pro commented 8 years ago

Thank You Marta.

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

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

About author

Stanley Davenport

Pro User

5Support score
7Questions 4Answers

0Snippets likes 0Snippets