Snippets

Snippet: Boxed Posts Content, Entries & Sidebar

  • Updated:
You can also create this sort of affect by creating dynamic templates for your posts and/or archives, please refer to the Templates section of the documentation.

The following CSS will make your blog post entries, single post and sidebar widgets have a "boxed" look with some padding and a white background so if you have a solid color background on your site they will "pop". Just be sure to go to Appearance > Customize > General Theme Options > Site Background and give your site a background for the affect to really take place.

.blog-entry-inner,
#sidebar .widget,
body.single-post #content,
body.page #content {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
}

.blog-entry.large-image-entry-style {
    margin-bottom: 20px;
    padding: 0;
    border: 0;
}

.blog-entry .wpex-divider {
    display: none;
}
All PHP snippets should be added via child theme's functions.php file or via a plugin (we recommend WPCode)
Back To Top