Archived topic
Box Shadows missing from Child Theme. Help with the CSS to add.
5 replies · Started by Paul on May 26, 2022
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.
Hi there,
temporarily switch back to the parent theme, then go to Customizer > Additional CSS, you will find the CSS there.
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.
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%;
}
}Awesome. Thanks so much for this.
You're welcome
