[Resolved] Box Shadows missing from Child Theme. Help with the CSS to add.

[Paul]

Hi there, I am using the generate press child theme. But there is some CSS styling I still want from the parent (that is stripped out of the child theme). And I don’t where to find it.

I am looking for the CSS for the shadows around the box containing the preview of a blog post when posts are listed (like on a category page). Please see this image: https://paste.pics/H31UX

And in this image you can see that I just have no borders: https://paste.pics/H31VK

Thanks.

[David]

Hi there,

temporarily switch back to the parent theme, then go to Customizer > Additional CSS, you will find the CSS there.

[Paul]

Thanks for the response 🙂 If I switch back to the parent theme temporarily, is it possible I will lose all the changes I’ve made to the Child theme? Sorry if this is an obvious question but I just want to make sure. Or if you have that CSS and copy and paste it here, that would be great too.

[David]

You won’t lose the changes, but heres the CSS from the Marketer site:

.inside-article,
.sidebar .widget,
.comments-area {
	border-right: 2px solid rgba(0, 0, 0, 0.07);
	border-bottom: 2px solid rgba(0, 0, 0, 0.07);
	box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}

/* Featured widget */
.sidebar .widget:first-child,
.sidebar .widget:first-child .widget-title{
	background-color: #83b0de;
	color: #fff;
}
.sidebar .widget:first-child a,
.sidebar .widget:first-child a:hover {
	color: #fff;
}

.separate-containers .page-header {
	background: transparent;
	padding-top: 20px;
	padding-bottom: 20px;
}

.page-header h1 {
	font-size: 1.5em;
}

.button, .wp-block-button .wp-block-button__link {
	padding: 15px 25px;
}

@media (max-width: 768px) {
	.post-image img {
		max-width: 100%;
	}
}

[Paul]

Awesome. Thanks so much for this.

[David]

You’re welcome

[Author]

Posts