james.scaggs pro asked 8 years ago

My card reveals have extra padding at the bottom as shown here: http://screencast.com/t/gTHPbIfnRyj I've made sure to size the image correctly and I also disabled all other custom CSS. The site is http://shoehospitals.com

Michal Szymanski staff answered 8 years ago

You have a little bit mess in your code. And the card markup isn't correct. Take a look at unnecessary paragraphs tags <p> in your code.

        <div class=&quot;col-md-6&quot;>
            <!--Mens Dress Shoes Card Reveal -->
            <div class=&quot;card&quot;>
                <div class=&quot;card-image&quot;>
                    <div class=&quot;view overlay hm-white-slight z-depth-1&quot;>
                        <img src=&quot;http://shoehospitals.com/wp-content/uploads/2016/04/mens-dress-shoes.jpg&quot;></p>
                        <div class=&quot;mask waves-effect activator&quot;></div>
                <div class=&quot;card-content&quot;>
                    <span class=&quot;card-title activator grey-text text-darken-4&quot;>Dress Shoe Repair<i class=&quot;material-icons right&quot;>more_vert</i></span></p>
                    <p>Click to learn more</p>
                <div class=&quot;card-reveal&quot;>
                    <span class=&quot;card-title grey-text text-darken-4&quot;>Dress Shoe Repair<i class=&quot;material-icons right&quot;>close</i></span></p>
                    <p><a href=&quot;#&quot;>Link</a>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula.</p>
                <!--/.Card Reveal-->
When I remove it, it works fine. Be sure that your card markup is the same as the markup from our documentation

Please insert min. 20 characters.


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


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