Authority Pro: Remove Shaded Box, Image Shadow and Blue Line Elements [BLOCK VERSION]

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!