Change SideNav's image background

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Change SideNav's image background

Mauricio Ortensi pro asked 7 years ago

I'm using MDB Pro 4.0 and "Double Navigation with hidden SideNav & non-fixed Navbar" (from Predefined skins), however I need change or remove the SideNav's image background.I've tried to change background using the Colors palette, but it doesn't work.Please, could you help?Best regards,Mauricio

Agnieszka Ciurysek commented 7 years ago

Hi, The first way you can change background image is using class sn-bg-1, sn-bg-2, sn-bg-3 or sn-bg-4. The second way is using your own image in 800x1600px size and add link to the image into css style. If you want to remove backgroud image just delete class sn-bg-1 (respectively 2, 3, or 4) and change the color in skins scss file sass/mdb/pro/_skins.scss Regards

Mauricio Ortensi pro answered 7 years ago

Many thanks Agnieszka, it worked perfectly!

isQED Dev answered 5 years ago

Hi,

I'm an MDB Angular Pro user, and I love your product. Can you please add to your SideNav documentation and specify that the background-image property in class sn-bg-[x] points to images on mdbootstrap's server? Any and all image links to mdbootstrap's servers yield tremendous latency; users need to know when an MDB class contains hyperlinks. Thanks !

--Arun

Marta Szymanska staff pro premium commented 5 years ago

Hi,

thank you for your idea, we will try to implement this.

Best, Marta
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

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

Answered

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
Mauricio Ortensi
Pro User
12Support score
1Questions 1Answers
0Snippets likes 0Snippets