SOLVED

Re: Form CSS - In Required Questions Unbolding Answers in Radio, Checkbox Lists

Go to solution
Kevin_Lustgarte
Level 3

Form CSS - In Required Questions Unbolding Answers in Radio, Checkbox Lists

Easy question for all the super smart people out here. Maybe I'm just tired on a Friday and can't find the answer.

 

 

I want makenormalweight.PNGthe options / values in radio button and checkboxes to appear font-weight: normal. I have applied styling in CSS that makes the Labels normal font weight but the choices below stay bold. If anything I want the label to be bold 🙂 but the choices to be normal weight. 

 

This is doing some of the trick for the label:

 

.mktoForm .mktoRequiredField label.mktoLabel {
font-weight:normal !important;
}
Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
SanfordWhiteman
Level 10 - Community Moderator

Re: Form CSS - In Required Questions Unbolding Answers in Radio, Checkbox Lists

The bold is coming from your separate stylesheet bootstrap.css:

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

 

You can override this with the more selective:

.mktoForm label {
    font-weight: normal;
}

 

View solution in original post

3 REPLIES 3
SanfordWhiteman
Level 10 - Community Moderator

Re: Form CSS - In Required Questions Unbolding Answers in Radio, Checkbox Lists

Almost surely a non-Marketo style doing this but need a link.
Kevin_Lustgarte
Level 3

Re: Form CSS - In Required Questions Unbolding Answers in Radio, Checkbox Lists

It's early days with the landing page and obviously the form's got a variety of problems. But here is the link: 

https://go.premera.com/MAC.html

SanfordWhiteman
Level 10 - Community Moderator

Re: Form CSS - In Required Questions Unbolding Answers in Radio, Checkbox Lists

The bold is coming from your separate stylesheet bootstrap.css:

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

 

You can override this with the more selective:

.mktoForm label {
    font-weight: normal;
}