• 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
    • Terms of Service & Privacy
    • Accessibility
  • Services
    • Pre-Made Genesis Theme Installation & Customization
    • Same Day Installation Service
    • Blogger to WordPress Migration
    • Buddypress Installation
  • My Work
  • Blog
    • Tutorials
    • Five on Friday
    • Genesis Framework
    • Tipsy Tuesday
    • WordPress
  • Contact
    • Support
  • Shop
  • 0 items$0.00

Published on: April 13, 2020

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

FacebookTweetPinPrintShare1

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!

Did you find this blog or tutorial helpful?
Buy Me a Coffee at ko-fi.com
Like my Signature? Get the Signature Widget for Genesis right here!

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

Primary Sidebar

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
  • Promotions
  • Social Media
  • Tipsy Tuesday
  • Troubleshooting
  • Tutorials
  • Uncategorized
  • Web Development
  • WooCommerce
  • WordPress
  • WordPress Plugins

Footer

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

  • Facebook
  • Google+
  • RSS
  • Twitter

Latest Blog Posts

  • #BlackFriday Save up to 75% on New Hosting
  • 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

Looking for Something?

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