• 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
  • Latest Blogs
  • My Work
  • 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!

  • FacebookTweetPinPrintShares17

    Filed Under: Genesis Framework, Genesis Themes, The Vault, 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
    • The Vault
    • Tipsy Tuesday
    • Troubleshooting
    • Tutorials
    • Uncategorized
    • Web Development
    • WooCommerce
    • WordPress
    • WordPress Plugins

    Footer

    Cre8tive Diva

    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

    We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.OkPrivacy policy