How to add square bullets before post title [generated by flexible recent post (frp) WP plugin] on different categories like health, entertainment, etc on my site lagatar dot com

Plugin shortcode: frp_title frp_link

Here's the css copy of frp:

http://lagatar.com/copyof-frp-front.css

http://lagatar.com/copyof-frp-admin.css

If the post headings are in a list format (like in a navigation list) go with the list-style method. But if the post headings are actual heading elements, go with the CSS :before method.

List-Styles

You can style your ul elements with the list-style CSS property.

Resource

CSS-Tricks: list-style

Example

.frp-widget {
 list-style-type: square;
 list-style-position: outside;
 list-style-image: none;
}

<ul class="frp-widget">
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>  
</ul>

CSS :before Property

You can style your h[0-9] elements with the :before CSS selector.

Resource

HTML Entity Codes

Example

h2:before {
    content: "\25A0";
}

<h2>Example Post Heading</h2>

</div>

What does the HTML look like?

Use Google Chrome inspector or browser developer tool of choice to find the class, ID, or relationship to other elements of the title, and do something like this:

.page-title:before { 
   content: "\25AA"
}