无法在WP上的帖子标题之前添加项目符号

Question

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

Answer 1

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>