Title: [Plugin: Special Recent Posts] CSS trouble Last modified: August 20, 2016 --- # [Plugin: Special Recent Posts] CSS trouble * [deep90](https://wordpress.org/support/users/deep90/) * (@deep90) * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-special-recent-posts-css-trouble/) * i am using SRP on [http://www.xdesi.co/](http://www.xdesi.co/) but it’s not working properly if u click on any post than it’s differ from home page. i edited css file to make horizontal bar. please help me with it. * [http://wordpress.org/extend/plugins/special-recent-posts/](http://wordpress.org/extend/plugins/special-recent-posts/) Viewing 7 replies - 1 through 7 (of 7 total) * Plugin Author [Luca Grandicelli](https://wordpress.org/support/users/lgrandicelli/) * (@lgrandicelli) * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-special-recent-posts-css-trouble/#post-3005811) * I can’t barely see the website. It throws a loop error. Sorry. * Thread Starter [deep90](https://wordpress.org/support/users/deep90/) * (@deep90) * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-special-recent-posts-css-trouble/#post-3005850) * 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://wordpress.org/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; } ``` * Plugin Author [Luca Grandicelli](https://wordpress.org/support/users/lgrandicelli/) * (@lgrandicelli) * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-special-recent-posts-css-trouble/#post-3005854) * 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](https://wordpress.org/support/users/deep90/) * (@deep90) * [13 years, 9 months ago](https://wordpress.org/support/topic/plugin-special-recent-posts-css-trouble/#post-3005855) * i want to make horizontal bar with SRP [example](http://postimage.org/image/t5q4w7ajt/). it’s working well on my post link’s like [http://www.xdesi.co/