Contextual Related Posts – Vertical
-
Hello.
I like the design of this plugin shows related posts but need to make them vertical like this: http://imgur.com/xHf0UL7
And if it’s possible to manually place this plugin code in .php file of site it would be great.
Thanks in advance.
-
Hey Veve2
Try this custom CSS code to get a nice vertical list:
/* Related Posts */
/* The full list */
.crp_related ul li {
list-style-type:none;
/* float:left; */
margin:0 40px 0 0;
width: 230px;
}/* Each related posts area */
.crp_related ul li a {
display: block;
/* font-weight: bold; */
word-wrap: break-word;
padding: 20px 20px 10px 10px;
float: left;
background: #f7f4f4;
border: #ccc 2px solid;
border-radius: 9px;
width: 220px;
margin: 5px 0 10px 0;
text-decoration: none;
}/* What happens when the mouse is moved over title and image area. */
.crp_related ul li a:hover {
border: #8e8888 2px solid;
background: #ece9e9;
}/* The related posts image */
.crp_related ul li img {
margin:0 15px;
}Ps
It is a good idea to learn how to use inspect. Right click an area of the web page you would like to adjust and select Inspect. The area that opens up shows the html below and CSS to the right. Click into the CSS and add CSS attributes.
The topic ‘Contextual Related Posts – Vertical’ is closed to new replies.
