CSS Control over Preferred Format section

Hey Glenn,

Thanks for posting. Can you elaborate a bit what you’re looking to style with the preferred format buttons? For example, were you looking to color the labels on each radio button?

-tk

In my case I was was looking to change the Display attribute from block to in-line as currently in my form the radio button is appearing above the label, rather than next to it.

Desired Code
Other Group radio buttons have HTML that looks like the following. Note the class attribute for both the <input> and <label> tags.

<ul class="mc_list">
  <li>
    <input type="radio" id="mc_mv_MEMRELATE_0" name="mc_mv_MEMRELATE" class="mc_radio" value="Mother" />
    <label for="mc_mv_MEMRELATE_0" class="mc_radio_label">Mother</label>
  </li>

This is compared to the radio buttons for preferred email format that looks like.

<ul class="mc_list">
  <li>
    <input type="radio" name="email_type" id="email_type_html" value="html" checked="checked">
    <label for="email_type_html">HTML</label>
  </li>

While the <input> tag has an id, unfortunately the label has nothing. Adding class attributes like the HTML tags for Groups would be helpful.

Do this help explain the challenge ?

Hey there,

Thanks for providing that clarification. It’s definitely something I can offer to pass along on my end as a request.

In the mean time, will something like

.mc_list label{
}

not work in this case?

Do you happen to have a link to the live site that you’re seeing this problem with?

Yes, your suggested code should also work,

.mc_list label{
}

I will give it a try and let you know if I still have a problem. Thanks for that.

Link to the live site
https://www.beecroftscouts.org.au/home/subscription/