Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder Kevin_M_Schafer's Avatar
    Join Date
    Apr 2011
    Location
    Fairfax, Minnesota, U.S.A.
    Posts
    482
    Thanks
    97
    Thanked 17 Times in 17 Posts

    Trying unsuccessfully to remove a header shadow

    Hello everyone,

    I have a rgba shadow of a sort that I can't seem to remove from my mother's WordPress site. I've created this for her and it's just beginning.

    I have a child theme loaded as to not change the parent theme. I know my child theme is working, because with it I have successfully added radius corners to the nav and content area, as well as apply color and hover color to the nav.

    Here is just a small screenshot of the shadow. It encompasses all of the header image, and it's built into the P2 theme.

    Trying unsuccessfully to remove a header shadow-header-shadow.jpg

    http://www.gumpolen.com/memyselfandmemories/

    My header image is a PNG with a transparent background. My background image is a repeated JPG.

    This shadow is ever so slight (please see image) and I know no one will ever notice it, but I'm baffled as to why I can't remove it. It's most prevalent just before the page fully loads, then you can see it.

    Here's the CSS that is producing the shadow (I think):

    Code:
    #header {
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    }
    I've tried changing the values to "0" but to no avail:

    Code:
    #header {
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
    }
    If anyone has an idea on how to remove this shadow, I would very much appreciate the help.

    Thanks,
    Kevin
    My keyboard is an IBM from 1993 and I like it that way. | Who is Dan Well? Everyone always says I know Dan Well.Building a web page is like building a birdhouse. Put it up there and watch 'em come. | Maintaining the aspect ratio of an image is more important than having a cold orange pop.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,678
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello Kevin_M_Schafer,
    Do you mean the shadow in the image itself -


    Getting rid of that would be a job for PhotoShop.

    Maybe I'm not seeing the shadow you're talking about?


    ...
    /edit There is also a small shadow around header. Removing this bit get's rid of it #header {box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}. I couldn't see it at all until I removed that flowery qultbckgrnd9.jpg from body.custom-background
    Last edited by Excavator; 03-07-2013 at 09:21 PM.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder Kevin_M_Schafer's Avatar
    Join Date
    Apr 2011
    Location
    Fairfax, Minnesota, U.S.A.
    Posts
    482
    Thanks
    97
    Thanked 17 Times in 17 Posts
    Hi Excavator,

    Thank you for the reply. Well, the shadow around the text I want to keep. I used Corel for that. I would like to remove the parameter shadow that's built into the theme itself. In my first post, you can see what I've highlighted in the attached image.

    Just as the page loads, you can see a header parameter shadow, just before the header image loads. It's a long rectangle. I managed to capture a screenshot of the shadow, just before the header image loaded.

    Trying unsuccessfully to remove a header shadow-header-shadow-2.jpg
    My keyboard is an IBM from 1993 and I like it that way. | Who is Dan Well? Everyone always says I know Dan Well.Building a web page is like building a birdhouse. Put it up there and watch 'em come. | Maintaining the aspect ratio of an image is more important than having a cold orange pop.

  • #4
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,369
    Thanks
    32
    Thanked 286 Times in 280 Posts
    Quote Originally Posted by Kevin_M_Schafer View Post
    If anyone has an idea on how to remove this shadow, I would very much appreciate the help.
    Your box shadows are specified in two places: once around line 145 of the document in an embedded style sheet and again around line 15 of style.css. You should modify both areas to remove the shadow. (Preferably, you would eliminate one rule or another to avoid confusing, duplicated code.)

    The correct way to remove the box shadows is to either not specify the shadow code at all—possibly by nullifying it via CSS comments if you want to retain the code for potential later use—or to use the none keyword as the entire value of each box-shadow declaration.
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • Users who have thanked Arbitrator for this post:

    Kevin_M_Schafer (03-08-2013)

  • #5
    Regular Coder Kevin_M_Schafer's Avatar
    Join Date
    Apr 2011
    Location
    Fairfax, Minnesota, U.S.A.
    Posts
    482
    Thanks
    97
    Thanked 17 Times in 17 Posts
    Arbitrator,

    Thank you for your help. Not only did I have to add the "none" like you instructed, but I then had to go and further add the "!important" declaration behind.

    Here's what I ended up placing in my child theme to remove the header box shadow from the P2 Theme:

    Code:
    #header {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    }
    This appears to work, as it overpowers the embedded code in the functions.php file of the parent theme. I can't find that PHP code.

    Thank you again. I appreciate it!

    Kevin
    Last edited by Kevin_M_Schafer; 03-08-2013 at 12:05 AM.
    My keyboard is an IBM from 1993 and I like it that way. | Who is Dan Well? Everyone always says I know Dan Well.Building a web page is like building a birdhouse. Put it up there and watch 'em come. | Maintaining the aspect ratio of an image is more important than having a cold orange pop.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •