Title: Request for additional classes in wpp.css
Last modified: December 15, 2021

---

# Request for additional classes in wpp.css

 *  Resolved [dreative](https://wordpress.org/support/users/dreative/)
 * (@dreative)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/request-for-additional-classes-in-wpp-css/)
 * Hi,
 * The plugin you created is amazing.
    One thing I would like to request.
 * Anchor tag for thumbnails in wpp.css,
    I want you to add a class that can be 
   edited in.
 * My website is designed with thumbnails hovering.
    I edited wpp.css to get the
   same design, Because the CSS class is not set in the thumbnail tag The display
   will be corrupted.
 * MY Website:
    [https://webpginfo.net/en/](https://webpginfo.net/en/)
 * HTML source:
    <ul class = “wpp-list wpp-list-with-thumbnails”>
    -  [](https://webpginfo.net/en/wordpress-en/wordpresstips-en/jetpack-en/)
       [Jetpack Plugin Facebook/Twitter … ](https://webpginfo.net/en/wordpress-en/wordpresstips-en/jetpack-en/)
      <span class=”wpp-excerpt”>Jetpack is a very multifunctio … </span>
    - I hope you will add it in the next update.
    - thanks,
       regards.

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

 *  Thread Starter [dreative](https://wordpress.org/support/users/dreative/)
 * (@dreative)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/request-for-additional-classes-in-wpp-css/#post-15168004)
 * < ul class = “wpp-list wpp-list-with-thumbnails”>
    < li > < a href=”[https://test.site/&#8221](https://test.site/&#8221);
   title=”thumbnail-title” target=”_self” class=”wpp-request-class-here”>< img src
   =”thumbnail-image” srcset=”[https://test.site/image&#8221](https://test.site/image&#8221);
   width=”100″ height=”100″ alt=”wordpressfirst-aicache” class=”wpp-thumbnail wpp_featured
   wpp_cached_thumb” loading=”lazy” />< /a > </ li > </ ul >
    -  This reply was modified 4 years, 5 months ago by [dreative](https://wordpress.org/support/users/dreative/).
 *  Plugin Author [Hector Cabrera](https://wordpress.org/support/users/hcabrera/)
 * (@hcabrera)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/request-for-additional-classes-in-wpp-css/#post-15168140)
 * Hi [@dreative](https://wordpress.org/support/users/dreative/),
 * No need to wait for me to publish an update, [WordPress Popular Posts allows you to change the HTML output of your popular posts list](https://github.com/cabrerahector/wordpress-popular-posts/wiki/5.-FAQ#how-can-i-use-my-own-html-markup-with-your-plugin)
   to whatever you need.
 * Try this:
 * **1.** Go to _Widgets_ > [Your Sidebar] > _WordPress Popular Posts_.
 * **2.** Under “HTML Markup settings”, find and enable the “Use custom HTML Markup”
   checkbox and save changes.
 * **3.** Set “Before / after Popular Posts:” to `<ul class="wpp-list wpp-list-with-
   thumbnails">` and `</ul>`, respectively.
 * **4.** Set “Post HTML Markup:” to:
 *     ```
       <li>
           <a href="{url}" title="{title_attr}" target="_self" class="wpp-post-image">{thumb_img}</a>
           <a href="{url}" title="{title_attr}" class="wpp-post-title" target="_self"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">{text_title}</font></font></a>
           <span class="wpp-excerpt"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">{excerpt}</font></font></span>
       </li>
       ```
   
 * (Adjust where needed).
 * **5.** Finally, save changes.
 *  Plugin Author [Hector Cabrera](https://wordpress.org/support/users/hcabrera/)
 * (@hcabrera)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/request-for-additional-classes-in-wpp-css/#post-15168143)
 * Also, please use the _CODE_ button when posting code here. Otherwise -as you 
   already noticed- the WordPress forum will mangle your code 😛
 *  Thread Starter [dreative](https://wordpress.org/support/users/dreative/)
 * (@dreative)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/request-for-additional-classes-in-wpp-css/#post-15168176)
 * Hi there,
 * You suggested
    We also considered HTML custom markup.
 * However, it is permanently free for many users.
    I thought I couldn’t provide
   a custom wpp.css.
 * I have identified a program for Output.
 * wordpress-popular-posts/src/Output.php
    code 374
 *     ```
        'img' => ( ! empty($post_thumbnail) ) ? '<a href="' . $permalink . '" ' . ($post_title_attr !== $post_title ? 'title="' . $post_title_attr . '" ' : '' ) . 'target="' . $this->admin_options['tools']['link']['target'] . '" class="wpp-post-image">' . $post_thumbnail . '</a>' : '',
       ```
   
 * code 407
 *     ```
       ? "<a href=\"{$permalink}\" " . ($post_title_attr !== $post_title ? "title=\"{$post_title_attr}\" " : "") . "target=\"{$this->admin_options['tools']['link']['target']}\" class=\"wpp-post-image\">{$post_thumbnail}</a>\n"
       ```
   
 * If you add a CSS class to these two lines of code,
    More freedom in customizing
   wpp.css. I think this is a valuable degree of freedom for many users.
 * You don’t spend a lot of time.
    Just spend a little time adding code.
 * I hope my hope will come true.
 * thanks
    regard.`
 *  Plugin Author [Hector Cabrera](https://wordpress.org/support/users/hcabrera/)
 * (@hcabrera)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/request-for-additional-classes-in-wpp-css/#post-15168244)
 * > However, it is permanently free for many users.
 * HTML changes done this way are permanent, yes, they won’t be undone by plugin
   updates if that’s what you’re asking.
 * > I thought I couldn’t provide a custom wpp.css.
 * [Yes, you can](https://github.com/cabrerahector/wordpress-popular-posts/wiki/5.-FAQ#each-time-wordpress-popular-posts-is-updated-the-wppcss-stylesheet-gets-reset-and-i-lose-all-changes-i-made-to-it-how-can-i-keep-my-custom-css).
 * > I think this is a valuable degree of freedom for many users.
 * The plugin already provide ways to change the HTML code and its CSS code however
   you like, all without needing to edit plugin’s code directly. That’s plenty flexible
   in my opinion.
 * I may add a class to the link as requested, however there’s a low chance of that
   happening anytime soon since I’m busy with work and life at the moment. Hence
   the reason why I suggested using the Custom HTML feature instead.
 *  Thread Starter [dreative](https://wordpress.org/support/users/dreative/)
 * (@dreative)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/request-for-additional-classes-in-wpp-css/#post-15168286)
 * Hi,
 * I thought it was a good suggestion,
    I am sorry that it was not adopted.
 * Certainly as you say with custom HTML
    Custom freedom is guaranteed, but Requires
   a little knowledge of PHP.
 * My suggestion does not require knowledge of PHP code
    It was a proposal to customize
   CSS.
 * If you have time to spare
    I would be grateful if you would consider it again.
 * thanks
    regards.

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

The topic ‘Request for additional classes in wpp.css’ is closed to new replies.

 * ![](https://ps.w.org/wordpress-popular-posts/assets/icon-256x256.png?rev=1232659)
 * [WP Popular Posts](https://wordpress.org/plugins/wordpress-popular-posts/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wordpress-popular-posts/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wordpress-popular-posts/)
 * [Active Topics](https://wordpress.org/support/plugin/wordpress-popular-posts/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wordpress-popular-posts/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wordpress-popular-posts/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 6 replies
 * 2 participants
 * Last reply from: [dreative](https://wordpress.org/support/users/dreative/)
 * Last activity: [4 years, 5 months ago](https://wordpress.org/support/topic/request-for-additional-classes-in-wpp-css/#post-15168286)
 * Status: resolved