Search code examples
bootstrap-4

Using Bootstrap CSS Class how to increase card tile

I am using form.IO, which only has a field for targeting controls with Bootstrap custom CSS Classes. No syle tags no .control{font-size:20px}

you can use multiple classes separated by a space Ex: card-title mb-2 text-muted

I want to set only the card Title to h2 If I try h2, this will set all text in the control to h2

I tried h2 card-title and card-title h2 hoping to target just the card-title but this does not work

How to set card-title to h2 or increase font size using Bootstrap custom CSS Classes

Thanks

Solution

  • I got this to work using this

    .lb-md {
  font-size: 19px;
  .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: relative;
  }
  .radio + .radio, .checkbox + .checkbox {
    margin-top: -10px;
  }
  label {
    margin-bottom: 0 !important;
  }
  .text-muted, .help-block {
    font-size: 16px;
  }
  .fa {
    font-size: 1.75rem !important;
  }
}