[Håkon Vestnes]

Hi
I have searched the forum, and found some suggestions to remove the shadow/border around elements (page, posts, sidebar). I have tried the custeom CSS, but no luck so far. I see that the posts are old, maybe they are not up to date anymore?

To the point; I would like to remove the shadow or border that are around my elements. This means that when I have white backround on the site and the page/post, it should not be possible to see any “division” between them.

Thank you in advance.

[Theme Horse Support Team]

Hi Håkon Vestnes,

Please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

.post,
.hentry,
.product.type-product,
.type-attachment,
.site-content .content-area .widget.widget_media_gallery .gallery,
.comments-area,
.site-main .type-page,
.bbpress .type-forum,
.post-boxed,
.featured-recent-post .recent-post-block,
.widget {
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	padding: 0;
}
.single .post .post-featured-image.page-single-img-wrap,
.single .hentry .post-featured-image.page-single-img-wrap,
.page .type-page .post-featured-image.page-single-img-wrap {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}
.post-boxed {
	min-height: inherit;
}
.post-boxed .post-content {
	padding-left: 0;
	padding-right: 0;
}
.post-boxed.inlined {
	padding: 0;
}
.newscard-widget-horizontal-vertical-posts .post-boxed.main-post .post-content,
.newscard-widget-horizontal-vertical-posts .post-boxed.main-post.inlined .post-content{
	padding-top: 0;
}
.newscard-widget-horizontal-vertical-posts .post-boxed.main-post .post-img-wrap {
	margin-bottom: 16px;
}
@media (min-width: 992px) {
	.widget-area .newscard-widget-horizontal-vertical-posts .post-boxed.main-post.inlined .post-content {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
}
@media (max-width: 767px) {
	.newscard-widget-horizontal-vertical-posts .post-boxed.main-post.inlined .post-content {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
}

Thanks

[Håkon Vestnes]

Thank you for this. Unfortunately this was not a perfect solution.
1. There are still shadows/borders on some of the right sidebar parts (text-boxes)
2. I have some pages where there is a custom background image; and on these pages the page is now transparent. The white background is not there. Can I solve this by modifying “transparent” to “white” on the background-color lines?

Thank you for your kind help.

[Theme Horse Support Team]

Hi Håkon Vestnes,

We have updated the previous code to remove all the White Background and border/box shadow on Elements. The Provided code was for to remove the White Background with Border/box shadows so the padding/spacing while no background color was also made to none. If you just wish to remove the border/box shadow then please removed the above code and paste the below Custom CSS code on the Additional CSS field as mention before.

.post,
.hentry,
.product.type-product,
.type-attachment,
.site-content .content-area .widget.widget_media_gallery .gallery,
.comments-area,
.site-main .type-page,
.bbpress .type-forum,
.post-boxed,
.featured-recent-post .recent-post-block,
.widget {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

Thanks

[Håkon Vestnes]

Thank you for your this, now it works perferctly.

[Theme Horse Support Team]

Welcome anytime @hakon-vestnes

[Author]

Posts