[Gelöst] Styling CRED form Check boxes

[Author]

Artikel

[larryB-3]

I was able to do some styling following the code provided in this post: https://toolset.com/forums/topic/styling-checkboxes-for-my-form/

You used this to style child taxonomies:
.wpt-form-set-checkboxes li[class^="tax-children-of-"]

What would be the CSS selector to style on the parent taxonomies in my CRED form? I am trying to make the font-weight of the parent larger and display the parents on thier own line with the block but the children on a line below the parent in an inline block. Here's what I tried but it's not working as expected, probably because of my selectors.

.wpt-form-set-checkboxes li {
display: block;
font-weight: 500;
color: #000;
}
.wpt-form-set-checkboxes li[class^="tax-children-of-"]{
display: inline-block;
font-weight: 400;
color: #6D6E71;
}

[Minesh]

Hello. Thank you for contacting the Toolset support.

I will have to check the page source to know what selectors are available and what selectors you will have to target.

Can you please share problem URL and admin access details.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

I've added the following CSS code to your form's CSS editor:
=> versteckter Link

ul { list-style: none; }

ul.wpt-form-set > li label input[type=checkbox] {
    display: none;
}

ul.wpt-form-set > li ul li input[type=checkbox] {
    display: block;
}


ul.wpt-form-set > li label {
    display: block;
    font-weight: 500;
  color: #000;
}

/*
li[class^="tax-"]{
  list-style: none;
  color: red;
}
*/

.wpt-form-set-checkboxes li[class^="tax-children-of-"] ul li label {
  display: inline-block;  
  font-weight: 400;
    color: #6D6E71;
}

Can you please confirm it works as expected now:
- versteckter Link

[larryB-3]

Thank you!!!