card padding problem

pabloabl pro premium asked 4 years ago

Expected behavior inside a card I need the padding left and right to be 0

(http://www.servertest.cl/in/espero.jpg)

Actual behavior (http://www.servertest.cl/in/tengo.jpg)

Resources (screenshots, code snippets etc.)https://mdbootstrap.com/snippets/standard/pabloabl/2935749


Marcin Luczak staff answered 4 years ago

Hi,

Please add this to your CSS:

.card-body {
  padding: 1rem 0 !important;
}

You can also add .px-0 class to your .card-body element.

Regards, Marcin


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: pc-smartphone
  • Browser: chrome-safari
  • OS: Windows-IOS
  • Provided sample code: No
  • Provided link: Yes
Tags