Remove shadow from elements

Topic: Remove shadow from elements

Manouher free asked 6 years ago

Some elements come with default shadow, like the navbar or the buttons. how to remov this shadow

Add comment

Marta Wierzbicka staff answered 6 years ago

Hi, go to _custom.scss file and if you don't want shadow in navbar or button, paste this code:

.navbar {
box-shadow: none !important;
}
.btn {
box-shadow: none !important;
}

Best, Marta

nanoo free commented 3 years ago

Hi martha ! i use mdb-navbar component and this tricks doeasn't works for me. have any idea ? tx a lot, Arnaud.

Marcin Luczak staff commented 3 years ago

Hello Arnaud,

It will work if you are using any type of file bundler such as Gulp or Webpack to compile your .scss files. Otherwise, you'll have to include .navbar { box-shadow: none !important; } directly inside <style> tag in your HTML <head>.

You can check how to use Gulp or Webpack from our tutorials:

Gulp - you can check out and learn how to work with it from one of our tutorials here: https://mdbootstrap.com/education/bootstrap/gulp-installation/

Webpack - you can check out and learn how to work with it from our article here: https://mdbootstrap.com/articles/jquery/md-bootstrap-webpack-tutorial/

Regards, Marcin

Please insert min. 15 characters.

Add comment

Marta Wierzbicka staff answered 6 years ago

0 0 Best answer

Hi, which version of MDB do you have? And do you use SCSS files or only CSS links? Best, Marta

mdbpenguinglu pro commented 6 years ago

Same question. Use SCSS

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

Specification of the issue

ForumUser: Free
Premium support: No
Technology: Other
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

Manouher

0Support score
1Questions 0Answers 0Snippets