Hudson_mod

Poor show Squarespace. I'd say this was a basic site requirement these days.

@jaeveedee, @tuanphan - I've managed to alter the check box & radio box elements (see below) - it's a little more work to change the drop down selection menus and I haven't had any success with those yet. Any input would be great…
/* Radio Buttons */
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.option input[type="radio"]:active {
  cursor:pointer;
  width:30px;
  height:30px;
  background-color:#0e1021;
  border-radius:50%;
}
/* Selected */
.option input[type="radio"]:checked {
  cursor:pointer;
  width:30px;
  height:30px;
  background-color:#e9530d;
  border-radius:50%;
}
.option input[type="radio"] {
/* un-selected */
  background-clip: content-box;
  border: 4px solid #e9530d;
  border-radius: 50%;
  content: " ";
  cursor:pointer;
  width:30px;
  height:30px;
}
/* check boxes */
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.option input[type="checkbox"]:active {
  cursor:pointer;
  width:30px;
  height:30px;
  background-color:#0e1021;
  border-radius:50%;
}
/* Selected */
.option input[type="checkbox"]:checked {
  cursor:pointer;
  width:30px;
  height:30px;
  background-color:#e9530d;
  border-radius:50%;
}
.option input[type="checkbox"] {
/* un-selected */
  background-clip: content-box;
  border: 4px solid #e9530d;
  border-radius: 50%;
  content: " ";
  cursor:pointer;

Can someone from Squarespace chime in on this thread and confirm that search will be fixed or not? Something solidly definitive on this topic would be great. 
 

Site URL: https://www.theministryofdesign.co.uk
@tuanphan is it possible to style radio buttons, drop downs & check boxes within forms? I’ve managed to do input fields & text styles but can’t work out how to do the radio boxes etc. Any help would be greatly appreciated.

@herzworks probably a copy paste error from me in the thread 😄

so awesome @Hudson_mod. You're missing a height/width on the unselected checkbox but otherwise working perfectly for me! 

You just need to add "!important" eg:
.header .header-nav .header-nav-item--folder .header-nav-folder-content { background: rgba(0,0,0,0.5) !Important; }

Site URL: https://theministryofdesign.co.uk
Is there a way to add an animation effect to a custom code block? I've some svgs using some custom code blocks but want them to 'fade in' - any ideas?
Thanks in advance.

This guy is a genius. He did it!