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!