Title: Custom CSS
Last modified: January 19, 2017

---

# Custom CSS

 *  Resolved [Rico](https://wordpress.org/support/users/nascas/)
 * (@nascas)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-css-170/)
 * Hello.
 * I’m a very happy user! 😉
    One year ago you helped me tune custom CSS. It worked
   well. [https://wordpress.org/support/topic/spacing-between-articles-title-size/page/3/](https://wordpress.org/support/topic/spacing-between-articles-title-size/page/3/)
   Now i’d like to change font family and the custom CSS window is empty. If I write
   the code there nothing happens. Is the previos code visible somewhere else?
 * I have the latest version of your plugin.
 * Many thanks for your time!

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

 *  Plugin Author [Aldo Latino](https://wordpress.org/support/users/aldolat/)
 * (@aldolat)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-css-170/#post-8674928)
 * Hello,
    glad you’re happy with Posts in Sidebar!
 * > the custom CSS window is empty
 * Perhaps did you change the widget? Or did you change the theme? Every widget 
   contains its own set of rules that you have defined.
 * > Now i’d like to change font family
 * If you want to change the font-family **for all the elements** (title, text, 
   etc.) in the widget, use this rule:
 *     ```
       .pis-li p {
       	font-family: Courier;
       }
       ```
   
 * Change `Courier` according to your needs.
 * If you want to change the font family **at element-level**, use these rules:
 *     ```
       /* Title */
   
       .pis-li .pis-title {
       	font-family: Courier;
       }
   
       /* Excerpt */
   
       .pis-li .pis-excerpt + p {
       	font-family: Courier;
       }
   
       /* Post Meta */
   
       .pis-li .pis-utility {
       	font-family: Courier;
       }
       ```
   
 * Change `Courier` according to your needs.
 * Let me know.
 *  Thread Starter [Rico](https://wordpress.org/support/users/nascas/)
 * (@nascas)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-css-170/#post-8677202)
 * Thanks. It works. Wonderful!
    I guess I didn’t include the .pis-li so that’s 
   why it didn’t work.
 * I don’t know where old css has gone. Once you helped me with the design (we changed
   some gaps etc) I updated the plugin for several times and it worked flawlessly
   since then. So custom code seems to be in action but I cannot see it. 😉
 *  Plugin Author [Aldo Latino](https://wordpress.org/support/users/aldolat/)
 * (@aldolat)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-css-170/#post-8679477)
 * > Thanks. It works. Wonderful!
 * You’re welcome! 🙂
 *  Thread Starter [Rico](https://wordpress.org/support/users/nascas/)
 * (@nascas)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-css-170/#post-8686236)
 * Morning,
    One more thing. I have been noticing for a long time now that if you
   use a paragraph the font changes. See here: [http://shrani.si/f/8/12V/4LHlgFBF/error.jpg](http://shrani.si/f/8/12V/4LHlgFBF/error.jpg)
   Any fix for that? Thank you, R
 *  Plugin Author [Aldo Latino](https://wordpress.org/support/users/aldolat/)
 * (@aldolat)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-css-170/#post-8688680)
 * Hello,
    change this rule:
 *     ```
       .pis-li p.pis-excerpt + p {
       font-size: 14px;
       }
       ```
   
 * into this:
 *     ```
       .pis-li p.pis-excerpt ~ p {
       font-size: 14px;
       }
       ```
   
 * The reason why we are using `~ p` is probably due to the current theme. The plugin
   extracts the excerpt inside a `p` element but, for some reason, it is rendered
   outside of `p.pis-excerpt`, producing (multiple) extra `p`. In this situation
   we cannot target a precise element using the class selector. Anyway, CSS3 gives
   us the chance to target all the `p` elements that follow `p.pis-excerpt`. I hope
   I explained well. 🙂
 * At [this link](https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048)
   you can find a lot of useful CSS selectors.
 *  Thread Starter [Rico](https://wordpress.org/support/users/nascas/)
 * (@nascas)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-css-170/#post-8691241)
 * Great, many thanks for your kind help. It works!
    Have a nice day!
 *  Plugin Author [Aldo Latino](https://wordpress.org/support/users/aldolat/)
 * (@aldolat)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-css-170/#post-8693761)
 * You’re welcome! 🙂

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

The topic ‘Custom CSS’ 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/)

 * 7 replies
 * 2 participants
 * Last reply from: [Aldo Latino](https://wordpress.org/support/users/aldolat/)
 * Last activity: [9 years, 6 months ago](https://wordpress.org/support/topic/custom-css-170/#post-8693761)
 * Status: resolved