A member of the StudioPress Community forum asked how to remove the shaded boxes, image shadow and blue elements from the Authority Pro Child Theme – Gutenberg / Block Editor Version.
Add the following code to your Additional CSS box under Appearance > Customize. Or you can select one or more of the code and add it there.
/* Home Remove Square Background Color */
.home .wp-block-image.stylized-background::before,
.home .wp-block-media-text .wp-block-media-text__media::before {
background: none;
}
/*Home Remove Box Shadow from Images */
.home .wp-block-image.image-border img,
.home .wp-block-media-text .wp-block-media-text__media img {
box-shadow: none;
}
/* Home Remove Blue Dash Lines */
.home .wp-block-media-text .wp-block-media-text__media::after,
.home .wp-block-image.stylized-background::after {
background: none;
}
/*Home Remove Shading and Box from behind Blog Posts */
.home .ab-block-post-grid-image a::before {
background: none;
}
.home .ab-block-post-grid-image img {
box-shadow: none;
}
/* Home Remove Box Shadow from Newsletter Sign Up */
.home .ab-block-newsletter input:not([type="submit"]) {
box-shadow: none;
}
/* Remove Background Color from Posts Pages Featured Image */
.authority-featured-image::before {
background: none;
}
/* Remove Box Shadow from Featured Image */
.authority-featured-image img {
box-shadow: none;
}
/* Remove Box Shadow from Pricing Page */
.pricing-featured .ab-block-pricing-table-inside {
box-shadow: none;
}
That’s it!
