Title: Popular post problem
Last modified: August 30, 2016

---

# Popular post problem

 *  Resolved [sohelhossenpiash](https://wordpress.org/support/users/sohelhossenpiash/)
 * (@sohelhossenpiash)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/popular-post-problem/)
 * Hi,
    I like sparkling theme. I want to display POPULAR POSTS up image and below
   Title. Please see this : [https://colorlib.com/sparkling/](https://colorlib.com/sparkling/)
   Here in POPULAR POSTS Image left site and Title Right side. But i want Display
   Image show up and Title Down. How can do that.
 * Thanks

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

 *  [Kimberly](https://wordpress.org/support/users/amiga500/)
 * (@amiga500)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/popular-post-problem/#post-6712300)
 * This will place the image above and the title below:
 * `.post-image { float:initial; }`
 * I’d also recommend:
 * `.post-content{ margin-left:initial; }`
 * This will rid the margin gap on the left of the title. Assuming you dont want
   that and prefer it to be aligned to the left side.
 *  Thread Starter [sohelhossenpiash](https://wordpress.org/support/users/sohelhossenpiash/)
 * (@sohelhossenpiash)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/popular-post-problem/#post-6712345)
 * Thanks Kimbery for your quick reply. But Please tell me where i input your html
   code
 * Thanks
 *  [Kimberly](https://wordpress.org/support/users/amiga500/)
 * (@amiga500)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/popular-post-problem/#post-6712358)
 * to keep it simple you can put this in your style.css file (at the bottom).
 *  [Free WP TP](https://wordpress.org/support/users/freewptp/)
 * (@freewptp)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/popular-post-problem/#post-6712581)
 * Hi [@sohelhossenpiash](https://wordpress.org/support/users/sohelhossenpiash/),
 * I hope you are well today and thank you for your question.
 * You can achieve this by adding the following CSS code in the Custom CSS option
   of the latest version of Sparkling theme on the below path.
 * Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom
   CSS
 *     ```
       .widget.sparkling-popular-posts .post-image {
           clear: both;
           float: none;
           max-width: 60px;
           width: auto;
       }
       .widget.sparkling-popular-posts .post-content {
           margin-left: 0;
           margin-top: 10px;
       }
       ```
   
 * Please note if you make changes in the theme files then you have to make these
   changes again after theme updation as changes made in the theme files get lost
   on theme updation so it’s not recommended to make any changes in the theme file
   like adding CSS code in the style.css file of the theme.
 * Best Regards,
    Movin

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

The topic ‘Popular post problem’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/sparkling/2.4.11/screenshot.png)
 * Sparkling
 * [Support Threads](https://wordpress.org/support/theme/sparkling/)
 * [Active Topics](https://wordpress.org/support/theme/sparkling/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/sparkling/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/sparkling/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [Free WP TP](https://wordpress.org/support/users/freewptp/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/popular-post-problem/#post-6712581)
 * Status: resolved