Title: Insert Graphic Between Posts
Last modified: February 8, 2020

---

# Insert Graphic Between Posts

 *  Resolved [jmbernstein](https://wordpress.org/support/users/jmbernstein/)
 * (@jmbernstein)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/insert-graphic-between-posts/)
 * How do I add a graphic between the posts in a sidebar?
 * [https://gyazo.com/9af5742f1934efd7b10380b6ddd464db](https://gyazo.com/9af5742f1934efd7b10380b6ddd464db)

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Plugin Author [Aldo Latino](https://wordpress.org/support/users/aldolat/)
 * (@aldolat)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/insert-graphic-between-posts/#post-12413322)
 * Hello,
    you can use CSS to do that.
 * For example, if the graphic is named `line.png` and is located into the `images`
   directory, you can use:
 *     ```
       .pis-li:after {
           content: url('images/line.png');
           display: block;
           margin: 20px 0;
           position: relative;
           text-align: center;
       }
   
       .pis-li:last-child:after {
           display: none;
       }
       ```
   
 * Change the location of the image according to your theme structure. Change also
   the margin value according to your needs.
 * The last rule hides the last graphic. If you want it, remove that rule.
 * Finally, paste the above lines in your theme’s `style.css` file.
 * Let me know, please.
 *  Plugin Author [Aldo Latino](https://wordpress.org/support/users/aldolat/)
 * (@aldolat)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/insert-graphic-between-posts/#post-12771701)
 * Hello,
    since some months have passed from last reply, I close the thread. Feel
   free to reopen it or start a new one.
 *  [wiryoputro](https://wordpress.org/support/users/wiryoputro/)
 * (@wiryoputro)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/insert-graphic-between-posts/#post-13110615)
 * Hi [@aldolat](https://wordpress.org/support/users/aldolat/)
 * Thank you for your plugins! really AWESOME!
 * I did this tweak for displaying graphic for each post and it works perfectly,
   my question is, is it possible to have multiple graphic based on category slug?
 * for example, I have a multiple post type (videos, articles, galery, etc) differentiate
   by posts category. maybe the lists will look like this:
 * [image video icon] Video post title
    [image article icon] Article post title [
   image galery icon] Galery post title
 * is it possible to do more tweak with your plugin?
 * Looking forward hearing from you.
 * Thank you!
 *  Plugin Author [Aldo Latino](https://wordpress.org/support/users/aldolat/)
 * (@aldolat)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/insert-graphic-between-posts/#post-13111543)
 * Hi [@wiryoputro](https://wordpress.org/support/users/wiryoputro/),
    I think that
   you want the icon next to the post title, just before it.
 * First of all, activate the option “Add the WordPress standard classes to the 
   post in the widget” located in the panel Styles > Extra and save the widget. 
   This will make that the standard WordPress classes will be added for every post
   in the list. These classes will be used to target every title with precision.
   Use the browser Inspector to view this change.
 * Then, prepare the icons to be used for every category you want.
 * Then, add something like this in your CSS file:
 *     ```
       .posts-in-sidebar .category-video .pis-title::before {
           content: url('images/video-icon.png');
       }
       ```
   
 * This CSS rule will target every `post-title` class that is child of an element
   with `category-video`, that is child of the main `posts-is-sidebar` class.
 * Change `category-video` according to your category. Change also the path and 
   the filename of the icon.
 * Surely you will have to adjust something like height, width, etc., but it’s easy
   with CSS.
 * Take note that adding the WordPress standard class, as we did in the first step,
   will give you the chance to target posts not only by categories, but also by 
   tags, post formats, etc.
 * Let me know, please.
 *  [wiryoputro](https://wordpress.org/support/users/wiryoputro/)
 * (@wiryoputro)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/insert-graphic-between-posts/#post-13119334)
 * Hi [@aldolat](https://wordpress.org/support/users/aldolat/),
 * Sorry for late reply.
 * Yes, I want the icon just before post title. and successfully did
 * aaaannnnddd..
 * IT WORKS! Your plugins is really AWESOME!
    I thought its gonna need another custom
   code in functions.php, I didn’t see it the options in the Extra panel tho.
 * Really appreciate. Thank you!
 * Cheers!
 *  Plugin Author [Aldo Latino](https://wordpress.org/support/users/aldolat/)
 * (@aldolat)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/insert-graphic-between-posts/#post-13119393)
 * You are welcome! 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Insert Graphic Between Posts’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/posts-in-sidebar_aed6f1.svg)
 * [Posts in Sidebar](https://wordpress.org/plugins/posts-in-sidebar/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/posts-in-sidebar/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/posts-in-sidebar/)
 * [Active Topics](https://wordpress.org/support/plugin/posts-in-sidebar/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/posts-in-sidebar/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/posts-in-sidebar/reviews/)

 * 6 replies
 * 3 participants
 * Last reply from: [Aldo Latino](https://wordpress.org/support/users/aldolat/)
 * Last activity: [5 years, 8 months ago](https://wordpress.org/support/topic/insert-graphic-between-posts/#post-13119393)
 * Status: resolved