You may want to use the display_type
parameter set to block
. If you want to customize styles even more then you could create your custom CSS file then use it with the css_style
parameter.
To use block elements:
[slposts display_type=block]
To use with a custom stylesheet:
/*
* You must save your custom CSS file into your active WP theme folder
* in this example the file was named mycustom-blocks.css
*/
[slposts display_type=block css_style=mycustom-blocks]
Below you’ll find the default CSS rules for blocks:
/*\
* =========================
* | |
* | ++ Blocks ++ |
* | |
* =========================
\*/
/*\
* -----------
* | Content |
* -----------
\*/
.slposts-container
.slposts-block-wtitle {
font-size: 1.3em;
border-bottom: 1px dotted #efefef;
}
.slposts-block-title a {
font-size: 1.4em !important;
text-decoration: none;
}
ul.slposts-block-thumbnail {
list-style: none !important;
margin: 0 !important;
}
.slposts-block-item {
float: left;
width: 47%;
margin-right: 10px;
margin-bottom: 10px;
}
.slposts-block-thumbnail a > img {
border: 1px solid #efefef;
padding: 3px;
}
.slposts-block-thumbnail a > img:hover {
-webkit-box-shadow: 1px 1px 3px rgba(99, 175, 208, 0.15);
-moz-box-shadow: 1px 1px 3px rgba(99, 175, 208, 0.15);
box-shadow: 1px 1px 3px rgba(99, 175, 208, 0.15);
}
.slposts-block-thumbnail
div.slposts-block-excerpt
a > img {
border: 0;
padding: 0;
}
.slposts-block-meta {
float: right;
margin-left: 5px;
font-family: sans-serif !important;
font-size: .8em;
border: 1px dotted #efefef;
padding: 3px;
color: #777;
}
.slposts-block-meta a {
text-decoration: none;
}
.slposts-block-metafooter {
display: block;
clear: both;
border-top: 1px dotted #efefef;
font-size: .8em;
text-align: right;
color: #777;
}
.slposts-block-excerpt {
text-align: justify;
}
/*\
* =========================
* | |
* | -- Blocks -- |
* | |
* =========================
\*/