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

Mauricio Ortensi pro asked 6 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 free commented 6 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

isQED Dev free answered 4 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 Wierzbicka staff commented 4 years ago

Hi,

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

Best, Marta

Mauricio Ortensi pro answered 6 years ago

Many thanks Agnieszka, it worked perfectly!
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
  • ForumUser: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
About author
Mauricio Ortensi
Pro User 12Support score
1Questions 1Answers 0Snippets