Title: CSS list style
Last modified: April 23, 2020

---

# CSS list style

 *  Resolved [ernstwg](https://wordpress.org/support/users/ernstwg/)
 * (@ernstwg)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/css-list-style/)
 * How can I make it that the posts get a kind of prefix with a little square? Look
   at the link provided, sidebar is on the right. Your posts are titled with ‘mehr
   aktuelle Beiträge‘. Below that there is a widget called ‘Empfehlungen’ with the
   style including the little square.
 * Thank you, Wilhelm Grueter
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-list-style%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [Aldo Latino](https://wordpress.org/support/users/aldolat/)
 * (@aldolat)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/css-list-style/#post-12721519)
 * Hello Wilhelm,
    you can use this CSS:
 *     ```
       .pis-li {
       	list-style: square;
       	color: #e13;
       }
       ```
   
 * Let me know, please.
 *  Plugin Author [Aldo Latino](https://wordpress.org/support/users/aldolat/)
 * (@aldolat)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/css-list-style/#post-12721573)
 * Wilhelm,
    disregard my previous comment and follow this one.
 * I noticed some other improvements.
 * 1) Deactivate the option “Try to remove the bullets and the extra left space 
   from the list elements” located in the panel Styles > Extras.
 * 2) Use this CSS (instead of the previous):
 *     ```
       ul.pis-ul {
       	margin-left: 1rem;
       }
   
       .pis-li {
       	list-style: square;
       	color: #e15;
       }
       ```
   
 * Now it should be perfect!
 * Let me know, please.
 *  Thread Starter [ernstwg](https://wordpress.org/support/users/ernstwg/)
 * (@ernstwg)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/css-list-style/#post-12723430)
 * Thank you so much Aldo.
 * Unfortunately it doesn’t work. Tried the 2 steps from you 2nd email. No change.
   Also with on/off for the tweak “Try to remove…” Notjimg
 * Thank you. I mark it as resolved. Your plugin is great. I’ll keep it 🙂
 *  Plugin Author [Aldo Latino](https://wordpress.org/support/users/aldolat/)
 * (@aldolat)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/css-list-style/#post-12723598)
 * You’re welcome, Wilhelm!
 * I see that you have a CSS file named `nsp.css`. At the end of the file there 
   are these lines:
 *     ```
       // EWG, settings Posts in sidebar
       //ul.pis-ul {
       //        margin-left: 1rem;
       //}
   
       .pis-li {
               list-style: square;
               color: #e15;
       }
       ```
   
 * When commenting parts of code in CSS, you must use something like `/* This is
   a comment */`, and not double slashes `//`.
 * So use the following code and the result should be use as expected:
 *     ```
       /* EWG, settings Posts in sidebar */
   
       ul.pis-ul {
               margin-left: 1rem;
       }
   
       .pis-li {
               list-style: square;
               color: #e15;
       }
       ```
   
 * Let me know. 🙂
 *  Thread Starter [ernstwg](https://wordpress.org/support/users/ernstwg/)
 * (@ernstwg)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/css-list-style/#post-12749722)
 * Dear Aldo.
 * Be so kind and have a look. Everything’s according to your recommendations I 
   believe.
 * Now the squares start directly at the left side. Can we move it a few px to the
   right that the look & feel is like the links below your posts in sidebar widget.
 * Thank you, Ernst-Wilhelm
 *  Plugin Author [Aldo Latino](https://wordpress.org/support/users/aldolat/)
 * (@aldolat)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/css-list-style/#post-12751354)
 * Hello Ernst-Wilhelm,
    as I already wrote in my previous post, there is a comment
   in your file `nsp.css` written in a wrong form. Currently it is:
 * `// EWG, settings Posts in sidebar`
 * It must be in this form, instead:
 * `/* EWG, settings Posts in sidebar */`
 * Make this and all will be perfect.

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

The topic ‘CSS list style’ 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
 * 2 participants
 * Last reply from: [Aldo Latino](https://wordpress.org/support/users/aldolat/)
 * Last activity: [6 years, 1 month ago](https://wordpress.org/support/topic/css-list-style/#post-12751354)
 * Status: resolved