WordPress.org

Forums

P2
[resolved] border around custom header image (7 posts)

  1. Neilbishop
    Member
    Posted 1 year ago #

    Hello,

    I've customised your p2 theme to suit my companies needs and the only problem I'm facing is how to remove the grey shadow (border) around the header.

    I saw in a previous post (http://wordpress.org/support/topic/theme-p2-how-to-remove-drop-shadow-around-header-image?replies=4) your colleague said the border can be switched off in the function.php but it doesn't seem to be there anymore.

    Any help would be hugely appreciated.

    Thanks,

    Neil

  2. jasperg
    Member
    Posted 1 year ago #

    hey, they seem to have made it simpler than in that last post.

    in admin just go to appearance, editor,

    then look at the list on the right, find

    stylesheet
    (style.css)

    click on that

    then find

    #header .sleeve, #wrapper, #footer {
    	border: 0;
    	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    }

    just replace with

    #header .sleeve, #wrapper, #footer {
    	border: 0;
    }
  3. Neilbishop
    Member
    Posted 1 year ago #

    Hey Jasperg,

    Thanks for your quick response.

    I checked the CSS you mentioned above and it is already been changed to the suggestion you made and I still have a border.

    Any other ideas?

    Thanks,

    Neil

  4. jasperg
    Member
    Posted 1 year ago #

    Thats strange. Maybe open all the style sheets related to your theme and try

    ctrl-f: box-shadow

    To find any place a box shadow is mentioned and see if you can work out it is connected to the header.

    I think you want #header .sleeve, but I am not connected to the development of this theme, I was just playing with it and found your question on the forum. so not sure I can help much more.

    If you are playing round with the theme files. remember to back them up! also if you are not using a child theme do not update the theme if you want to keep an changes you make.

    Good luck.

  5. Hi Neil - if you still need help, could you provide a link to your site so I can take a look directly?

    in admin just go to appearance, editor,

    then look at the list on the right, find

    stylesheet
    (style.css)

    Heads-up: it's strongly not recommended to edit active theme files directly, since you'll lose all your changes when you update the theme, as jasperg later mentions.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You'll then add your custom CSS in the new stylesheet editor that'll show up in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

  6. Neilbishop
    Member
    Posted 1 year ago #

    Hey,

    Thanks for the feedback but I found a way to rid the borders by adding some code to the child theme:

    }
    #header {
        box-shadow: none !important;
    }

    Thanks,

    Neil

  7. Glad you got it sorted.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic