I can’t barely see the website. It throws a loop error. Sorry.
Thread Starter
deep90
(@deep90)
here css code i modified can u take a look
/*
| --------------------------------------------------------
| File : css-front.css
| Project : Special Recent Posts FREE Edition plugin for WordPress
| Version : 1.9.5
| Description : Main stylesheet.
| Author : Luca Grandicelli
| Author URL : http://www.lucagrandicelli.com
| Plugin URL : http://ww.wp.xz.cn/extend/plugins/special-recent-posts/
| Copyright (C) 2011-2012 Luca Grandicelli
| --------------------------------------------------------
*/
/*
| ----------------------------------------
| General Section
| ----------------------------------------
| - ATTENTION IE users: The following rules are only compatible with IE8+
| - Please consider to specify custom CSS rules to support previous IE versions.
| - In order to mantain a minimum compatibnility with IE7, a special CSS file is stored at special-recent-posts/css/css-ie7-fix.css.
| - Feel free to modify this file which is loaded by a conditional statement in the HTML header of the rendered webpage.
*/
/* The Recent Posts Container. */
div.srp-widget-container {
display: block !important;
clear: both !important;
align: center !important;
margin-right: 0px !important;
}
/* The Widget Title. */
div.srp-widget-container h4.widget-title{
display : block !important;
margin-bottom : 2px !important;
}
/* Fixing the outline on every link within the SRP container. */
div.srp-widget-container a {
outline: none !important;
}
/* The widget title link */
a.srp-widget-title-link {
}
/* Single post entry box. */
div.srp-widget-singlepost {
display: block;
float: left;
padding: 0px 0px 10px 0px !important;
margin: 0px 0px 10px 0px !important;
clear: both !important;
}
/* The single row container and */
div.srp-single-row {
display: block !important;
vertical-align: top !important;
margin: 0px 0px 10px 0px !important;
padding: 0px 0px 10px 0px !important;
border: none !important;
}
/* The single column container */
div.srp-widget-row {
clear: both !important;
display: block !important;
margin: 0px 0px 10px 0px !important;
padding: 0px 0px 10px 0px !important;
}
/* The multi-column class on each post entry */
div.srp-multi-column {
display: block !important;
vertical-align: top !important;
}
/*
| ----------------------------------------
| Thumbnail Section
| ----------------------------------------
*/
/* The thumbnail box. */
div.srp-thumbnail-box {
display: block !important;
vertical-align: top !important;
padding-right : 0px !important;;
}
/* The thumbnail link. */
a.srp-widget-thmblink {
display: block !important;
}
/* The thumbnail image. */
img.srp-widget-thmb {
max-width: none !important;
}
div.srp-thumbnail-box img.avatar {
max-width: none !important;
}
/*
| ----------------------------------------
| Content Section
| ----------------------------------------
*/
/* The content stuff box. */
div.srp-content-box {
display: block !important;
vertical-align : top !important;
}
/* The single post title. */
h4.srp-post-title {
display: block !important;
}
/* The single post title link. */
a.srp-post-title-link {
}
/* The post excerpt. */
p.srp-widget-excerpt {
margin: 0px !important;
}
/* The linked Excerpt */
a.srp-linked-excerpt {
}
/* The stringbreak. */
span.srp-widget-stringbreak {
}
/* The stringbreak link. */
a.srp-widget-stringbreak-link {
}
/* The stringbreak link image. */
a.srp-widget-stringbreak-link-image {
}
/* The post date box. */
p.srp-widget-date {
margin: 0px !important;
}
/* The post author box. */
p.srp-widget-author {
margin: 0px !important;
}
/* The post category box. */
p.srp-widget-category {
margin: 0px !important;
}
/* The tags box */
p.srp-widget-tags {
margin: 0px !important;
}
Ok but i still don’t understan what error do you get. I’m sorry, can i see a live example and could you be a little more specific of what you’re trying to achieve? Thank You.
Thread Starter
deep90
(@deep90)
i want to make horizontal bar with SRP example. it’s working well on my post link’s like http://www.xdesi.co/<post-url>
but on homepage, SRP still showing me vertical aligned posts example so tell what i am doing wrong, In the above post you can see my modified css code.
Ok, to make a horizontal line you need to edit the SRP stylesheet, in particular at this line.
div.srp-widget-singlepost {}
Here you have to remove the “clear:both;” rule and add a “float: left;” rule.
Once you’ve done this, i think you need to resize a little bit your images in order to make a line of 5 posts.
Thread Starter
deep90
(@deep90)
there is new problem that title is not fitting under thumbnail
That is not a problem. You must work with css as any other plugin.
