Jump to content

Radio/checkbox fill colour?

Go to solution Solved by Web_Solutions,

Recommended Posts

Posted

Hello,

With the form update, I've lost the ability to change my radio button and checkbox colour. I've found the correct selectors, but my CSS is being overridden (even when I add !important). Any idea how to correct?

 

Screen Shot 2023-10-16 at 2.17.40 PM.png

  • Solution
Posted
11 minutes ago, mbockmaster said:

 

Replace your code with the code below

html body.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-normal .sqs-block-form .form-item.radio label input[type="radio"]:checked~.radio-mark::after {
    background-color: var(--sage) !important
}

 

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Posted
21 minutes ago, Web_Solutions said:

 

Replace your code with the code below

html body.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-normal .sqs-block-form .form-item.radio label input[type="radio"]:checked~.radio-mark::after {
    background-color: var(--sage) !important
}

 

Thank you SO much! I was able to update this to apply to my check boxes as well. I really appreciate your help!

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.