Turn off box shadow for checkboxes

0
0

New to wisej so pls forgive me if this is a strange queston.

I need to turn off (or set color to same as background) the box shadow around checkboxes.

I think you should be able to do it in Themebuilder but I am unable to figure it out.

All my checkboxes have Appearance set to button so I can use a custom image. I change the image in code when the checkbox is checked. See 1st screen cap

This is an example I found for custom css:

.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: none !important;
}

.custom-control-input:active ~ .custom-control-label::before {
background-color: whitesmoke;

but I don’t know if its the correct one and/or how to apply it.

I looked thru the settings in the default BS4, and found a reference to shadow in the Checkbox icon section but it it not the same color. (screencap #2)

Any ideas will be greatly apprciated.

 

 

Attachment
checkbox.png checkboxicon.png
General
Share
  • You must to post comments
Filter
Sort by: Recently Active
0
0

For editing the css, you can click on “editor” in the themebuilder to see the JSON text of the theme. You can then add your css like so:

"states": {
 "default": {
 "styles": {
 "css": "your css here"
 },
  • Jean Vallee
    I have yet to identify what setting in BS4 causes the bright blue outline when checked. I even looked at the button styles as Appearance is set as button.
  • You must to post comments
Showing 1 result
Your Answer

Please first to submit.