• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

The Cre8tive Diva - WordPress Developer

Digital Nomad | Helping WordPress & Genesis Framework Website Owners All Over the World

  • Home
  • About
    • Accessibility Statement
    • Terms of Service & Privacy
  • Services
    • Blogger to WordPress Migration
    • Buddypress Installation
  • My Work
  • Blog
    • Tutorials
    • Five on Friday
    • Genesis Framework
    • Tipsy Tuesday
    • WordPress
  • Contact
Home » Authority Pro: Remove Shaded Box, Image Shadow and Blue Line Elements [BLOCK VERSION]

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!

  • Like my Signature? Get the Signature Widget for Genesis right here!

  • FacebookTweetPinPrintShares2

    Filed Under: Genesis Framework, Genesis Themes, Tutorials, WordPress

    Primary Sidebar

    It's just me and my dog Bella. I am a freelance web developer at Cre8tiveDiva.com. I build websites using WordPress and the Genesis Framework, WooCommerce and provide troubleshooting and support. I also build with Shopify. I love chocolate, lots of coffee!

    Sign Me Up!

    Receive my blog posts, tips and updates delivered to your inbox!

    Yes, Sign Me Up

    *By signing up you will receive new blogs, updates on products, services and important alerts.

    Categories

    • Design
    • eCommerce
    • Five on Friday
    • Fonts
    • Free Themes
    • Freebie Friday
    • Genesis Framework
    • Genesis Plugins
    • Genesis Themes
    • Genesis Untapped
    • Instagram
    • MailChimp
    • News
    • Plugins
    • Press This News
    • Social Media
    • Tipsy Tuesday
    • Troubleshooting
    • Tutorials
    • Uncategorized
    • Web Development
    • WooCommerce
    • WordPress
    • WordPress Plugins

    Footer

    Digital Nomad! I can be anywhere I wanna be now.

    Latest Blog Posts

    • Temporary Fix When Using Genesis Blocks Posts and Page Grid with Genesis Simple Share
    • How to Add Reading Time to a WordPress Genesis Child Theme Without a Plugin
    • How to Add “Shop” to WooCommerce Breadcrumbs when Using Yoast

    Looking for Something?

    Copyright © 2012–2023 · Designed with by Me! · Hosted on SiteGround