Images with No Border and No Shadow

Topic: Images with No Border and No Shadow

Fitrepreneur pro asked 7 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

Add comment

Michal Szymanski staff answered 7 years ago

0 0 Best answer

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">

Add comment

Fitrepreneur pro answered 7 years ago

0 0 Best answer

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">
                <img src="img/obesity_map.png" alt="Global Obesity Epidemic" />
                    <a href="http://www.worldobesity.org" target="_blank">
                        <div class="mask flex-center">
                        <p class="deep-purple-text"><strong>Global Obesity Epidemic</strong></p>
                        </div>
                    </a>
            </div>
        </div>
        <div class="col-xs-4 col-xs-offset-2">
            <div style="height:50px"></div>
            <div class="view hm-zoom">
                <img src="img/retention.png" alt="Retention" />
                    <a href="http://www.united-fytns.com" target="_blank">
                        <div class="mask flex-center">
                        <p class="deep-purple-text"><strong>Member Retention</strong></p>
                        </div>
                    </a>
            </div>
        </div>
    </div>

Please insert min. 20 characters.

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">

<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">

<div class="mask flex-center"> <p class="deep-purple-text">Member Retention</p> </div> </div> </div> </div>

Add comment

Michal Szymanski staff answered 7 years ago

0 0 Best answer

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">

Add comment

Fitrepreneur pro answered 7 years ago

0 0 Best answer

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

Add comment

Michal Szymanski staff answered 7 years ago

0 0 Best answer

Use class .z-depth-0

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

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

Fitrepreneur

Pro User 12Support score
17Questions 26Answers 0Snippets