border around custom header image

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;
}

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

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.

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.

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

Glad you got it sorted.