Topic: Images with No Border and No Shadow

Fitrepreneur pro asked 6 years ago


Hi - I am using the 'full screen video' template and working in features v3. 'section feature-box' Images I place in the page automatically have a shadow (border?) How do I add images in this section without a shadow or border? JM

Michal Szymanski staff answered 6 years ago


Because you didn't follow my instruction. Add a class .z-depth-0 to the images. <img src="img/transform.png" class="z-depth-0">

Fitrepreneur pro answered 6 years ago


Michal - That still did not work see www.fitrepreneur.me <div class="row"> <div class="col-xs-4 col-xs-offset-1"> <div style="height:50px"></div> <div class="view hm-zoom"> Global Obesity Epidemic <div class="mask flex-center"> <p class="deep-purple-text">Global Obesity Epidemic</p> </div> </div> </div> <div class="col-xs-4 col-xs-offset-2"> <div style="height:50px"></div> <div class="view hm-zoom"> Retention <div class="mask flex-center"> <p class="deep-purple-text">Member Retention</p> </div> </div> </div> </div>

Michal Szymanski staff answered 6 years ago


Take a look at example code in Features v.3 <img src="http://mdbootstrap.com/wp-content/uploads/2016/07/img-2-min.jpg" alt="" class="z-depth-0">

Fitrepreneur pro answered 6 years ago


Hi Michal - Thank you very much for the prompt responses!!!! do you mean replace the image class class="img-fluid" with .z-depth-0 or add it? I tried replacing it and it did not work. Please excuse my ignorance. JM

Michal Szymanski staff answered 6 years ago


Use class .z-depth-0

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