Skip to content

Instantly share code, notes, and snippets.

@khleomix
Created January 17, 2022 16:29
Show Gist options
  • Save khleomix/11548a2c08dc108518f29789f387ebe3 to your computer and use it in GitHub Desktop.
Save khleomix/11548a2c08dc108518f29789f387ebe3 to your computer and use it in GitHub Desktop.
ACF Block Style Reset - CSS
/* ----- ACF Block Style Reset -------------------- */
body .acf-block-fields,
.edit-post-sidebar {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-size: 13px;
line-height: 1.4em;
}
.acf-field input[type="text"],
.acf-field input[type="password"],
.acf-field input[type="number"],
.acf-field input[type="search"],
.acf-field input[type="email"],
.acf-field input[type="url"],
.acf-field textarea,
.acf-field select {
border-radius: 0;
border: 1px solid #ddd;
box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
color: #32373c;
font-size: 14px;
line-height: 1.4;
transition: 50ms border-color ease-in-out;
}
.acf-field textarea.wp-editor-area {
border: none;
box-shadow: none;
}
.acf-field input[type="checkbox"],
.acf-field input[type="radio"] {
border-radius: 0;
border: 1px solid #b4b9be;
color: #555;
height: 16px;
width: 16px;
}
.acf-field input[type="radio"] {
border-radius: 50%;
padding: 1px !important;
}
.acf-block-body .acf-fields > .acf-field.acf-field-message {
padding-bottom: 0;
padding-top: 0;
}
.acf-fields > .acf-tab-wrap {
background-color: transparent;
}
.acf-block-body .acf-block-fields .acf-tab-wrap .acf-tab-group {
border-top: 0;
padding-top: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment