Remove Shadow Effect from Header Image

  • Resolved redbankweb

    (@redbankweb)


    8 years, 1 month ago

    https://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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Subrata Sarkar

    (@subrataemfluence)

    The text shadow comes from here:
    https://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

    (@redbankweb)

    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

    (@subrataemfluence)

    Do you mean the shadow under the image under “OPEN REHEARSALS & AUDITIONS” section? If so it is here:

    https://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

    (@redbankweb)

    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

    Subrata Sarkar

    (@subrataemfluence)

    Ah! I see now. You are talking about the banner image. I thought otherwise. This styling is actually embedded in your forum page (https://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

    (@webmandesign)

    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

    Regards,

    Oliver

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Remove Shadow Effect from Header Image’ is closed to new replies.