Title: [Plugin: Featured Category Posts Widget] adding a line between posts
Last modified: August 20, 2016

---

# [Plugin: Featured Category Posts Widget] adding a line between posts

 *  [mrcavallo](https://wordpress.org/support/users/mrcavallo/)
 * (@mrcavallo)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-featured-category-posts-widget-adding-a-line-between-posts/)
 * hello – i am not so great at deciphering css – but was wondering if there is 
   a way to separate posts with a line such as border-bottom.
 * i have tried numerous ways but just cant seem to get it to work.
 * great widget btw.
 * thanks,
 * Mark.
 * [http://wordpress.org/extend/plugins/featured-category-posts/](http://wordpress.org/extend/plugins/featured-category-posts/)

Viewing 1 replies (of 1 total)

 *  [Txema250](https://wordpress.org/support/users/txema250/)
 * (@txema250)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/plugin-featured-category-posts-widget-adding-a-line-between-posts/#post-2858132)
 * I´ve done something like that. It´s not a perfect solutions but it worked to 
   me.
 * First, I created a class in my style.css with this code (i.e.):
 *     ```
       .my_class{
       {
           -webkit-font-smoothing:antialiased;
       	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
               font-size: 11px;
               color: #666;
               float:right;
           margin: 5px;
           display: block;
           padding:10px;
           background: #e9e0d8;
           border: 1px solid #ddd;
   
           -webkit-border-radius: 2px 2px 2px 2px;
              -moz-border-radius: 2px 2px 2px 2px;
                   border-radius: 2px 2px 2px 2px;
   
           -webkit-box-shadow: 0 10px 6px -6px #777;
              -moz-box-shadow: 0 10px 6px -6px #777;
                   box-shadow: 0 10px 6px -6px #777;
       }
       ```
   
 * Later, I edited the page “Featured-category-posts.php” (content\plugins\featured-
   category-posts\), line 214, by adding to the <div> tag, the previously created
   class :
 *     ```
       while ( have_posts() ) : the_post();
       $fpostids[]=get_the_ID();
       $output.=<div class=my_class>;
       			if(isset($include_post_thumbnail) && ($include_post_thumbnail == "Yes") && isset($feacpost_post_thumbnail_id) && (!empty($feacpost_post_thumbnail_id)))
       			{
       ```
   
 * And I got something like this: [http://www.mariatajose.com](http://www.mariatajose.com)
 * With this system, you can make wathever you want.
 * Sorry for my poor english

Viewing 1 replies (of 1 total)

The topic ‘[Plugin: Featured Category Posts Widget] adding a line between posts’
is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/featured-category-posts.svg)
 * [Featured Category Posts Widget](https://wordpress.org/plugins/featured-category-posts/)
 * [Support Threads](https://wordpress.org/support/plugin/featured-category-posts/)
 * [Active Topics](https://wordpress.org/support/plugin/featured-category-posts/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/featured-category-posts/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/featured-category-posts/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Txema250](https://wordpress.org/support/users/txema250/)
 * Last activity: [13 years, 7 months ago](https://wordpress.org/support/topic/plugin-featured-category-posts-widget-adding-a-line-between-posts/#post-2858132)
 * Status: not resolved