Title: Remove Shadow Effect from Header Image
Last modified: February 27, 2017

---

# Remove Shadow Effect from Header Image

 *  Resolved [redbankweb](https://wordpress.org/support/users/redbankweb/)
 * (@redbankweb)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/remove-shadow-effect-from-header-image/)
 * [http://www.shrewsburychorale.org/forum/](http://www.shrewsburychorale.org/forum/)
 * The Auberge theme puts a dark inset shadow along the bottom of the header image.
   I’d like to modify this or turn it off and can’t find the code. I uploaded a 
   solid white header image and attached for clarification.
 * Can you help me with the coding for this.
    Thank you, Mark
 * ![solid white header image with applied shadow effect](https://i0.wp.com/shrewsburychorale.
   org/forum/wp-content/uploads/2017/02/ShrewsburyChoraleHeader.png)

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [Subrata Sarkar](https://wordpress.org/support/users/subrataemfluence/)
 * (@subrataemfluence)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/remove-shadow-effect-from-header-image/#post-8851388)
 * The text shadow comes from here:
    [http://shrewsburychorale.org/forum/?sccss=1&ver=02f6b1a9e39a946df010e714208b2f18](http://shrewsburychorale.org/forum/?sccss=1&ver=02f6b1a9e39a946df010e714208b2f18)
 * The rule is:
 *     ```
       h1 {
          font-variant: normal !important;
          color: #990000 !important;
          text-transform: capitalize !important;
          text-shadow: 1px 1px 1px #000000; /* Removing this line will remove shadow */
       }
       ```
   
 * Please let me know if that helps!
 *  Thread Starter [redbankweb](https://wordpress.org/support/users/redbankweb/)
 * (@redbankweb)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/remove-shadow-effect-from-header-image/#post-8855421)
 * Thank you for the reply, however I was trying to remove the black **BOX-SHADOW**
   below the white in the image that is generated but some CSS code I can’t find.
   Not the text-shadow which I modified.
 *  [Subrata Sarkar](https://wordpress.org/support/users/subrataemfluence/)
 * (@subrataemfluence)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/remove-shadow-effect-from-header-image/#post-8855681)
 * Do you mean the shadow under the image under “OPEN REHEARSALS & AUDITIONS” section?
   If so it is here:
 * [http://shrewsburychorale.org/forum/?sccss=1&ver=02f6b1a9e39a946df010e714208b2f18](http://shrewsburychorale.org/forum/?sccss=1&ver=02f6b1a9e39a946df010e714208b2f18)
 * Rule:
 *     ```
       .sidebarpic {
       	border: thin solid #000000;
       	margin-right: 10px;
   
       -webkit-box-shadow: 4px 4px 8px 0px rgba(50, 50, 50, 0.75);
       -moz-box-shadow:    4px 4px 8px 0px rgba(50, 50, 50, 0.75);
       box-shadow:         4px 4px 8px 0px rgba(50, 50, 50, 0.75);
       }
       ```
   
 * You should remove or comment out the following lines:
 *     ```
       -webkit-box-shadow: 4px 4px 8px 0px rgba(50, 50, 50, 0.75);
       -moz-box-shadow:    4px 4px 8px 0px rgba(50, 50, 50, 0.75);
       box-shadow:         4px 4px 8px 0px rgba(50, 50, 50, 0.75);
       ```
   
 * to remove the shadow from image.
 *  Thread Starter [redbankweb](https://wordpress.org/support/users/redbankweb/)
 * (@redbankweb)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/remove-shadow-effect-from-header-image/#post-8859843)
 * Thank you again, but no. The header image has the bottom shadow. If you look 
   at the site you can see the dark shadow obscuring the bottom of the image.
 * ![Bottom Shadow Image](https://i0.wp.com/shrewsburychorale.org/forum/wp-content/
   uploads/2017/03/SC.jpg)
 *  [Subrata Sarkar](https://wordpress.org/support/users/subrataemfluence/)
 * (@subrataemfluence)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/remove-shadow-effect-from-header-image/#post-8859883)
 * Ah! I see now. You are talking about the banner image. I thought otherwise. This
   styling is actually embedded in your forum page ([http://shrewsburychorale.org/forum/](http://shrewsburychorale.org/forum/)).
 *     ```
       .custom-banner:before, .site-banner-media:before
       {
         background:transparent;
         background: -webkit-linear-gradient(top, rgba(26,28,30,0) 0%, #1a1c1e 100%);
         background: linear-gradient(to bottom, rgba(26,28,30,0) 0%, #1a1c1e 100% );
       }
       ```
   
 * You need to get rid of this rule in order to remove the shadow effect at the 
   bottom of your header image.
 * But it is hard to understand what is actually embedding this piece of code. But
   the area you have to work on is the one I mentioned above.
 * Hope this will give you some lights.
 *  Theme Author [WebMan Design | Oliver Juhas](https://wordpress.org/support/users/webmandesign/)
 * (@webmandesign)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/remove-shadow-effect-from-header-image/#post-8877956)
 * Hi,
 * Please use a solution from official theme support forum at [https://support.webmandesign.eu/forums/topic/auberge-theme-drop-shadow-around-header-slightly-urgent/#post-10239](https://support.webmandesign.eu/forums/topic/auberge-theme-drop-shadow-around-header-slightly-urgent/#post-10239)
 * Regards,
 * Oliver

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Remove Shadow Effect from Header Image’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/auberge/3.0.2/screenshot.jpg)
 * Auberge
 * [Support Threads](https://wordpress.org/support/theme/auberge/)
 * [Active Topics](https://wordpress.org/support/theme/auberge/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/auberge/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/auberge/reviews/)

## Tags

 * [box-shadow](https://wordpress.org/support/topic-tag/box-shadow/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [header image](https://wordpress.org/support/topic-tag/header-image/)

 * 6 replies
 * 3 participants
 * Last reply from: [WebMan Design | Oliver Juhas](https://wordpress.org/support/users/webmandesign/)
 * Last activity: [9 years, 2 months ago](https://wordpress.org/support/topic/remove-shadow-effect-from-header-image/#post-8877956)
 * Status: resolved