Title: CSS Question for SideBar
Last modified: March 10, 2021

---

# CSS Question for SideBar

 *  Resolved [timmy321](https://wordpress.org/support/users/timmy321/)
 * (@timmy321)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/css-question-for-sidebar/)
 * Hi there,
 * I love your plugin, I think it’s great and very user friendly!
 * I have a simple CSS question that hopefully someone can help with as I’m not 
   great with CSS, but I’m learning!
 * The blog title/author/date and category text underneath the featured image in
   my sidebar (most popular posts bit) wraps around the image as the screen size
   width decreases, roughly from around 670px to 330px. This looks a bit unsightly
   and a bit difficult to read as it’s all out of alignment.
 * Is there any CSS I can use to ensure the text stays beneath the image in these
   width parameters instead of wrapping around the side of it?
 * Many thanks in advance,
 * Tim
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-question-for-sidebar%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [Hector Cabrera](https://wordpress.org/support/users/hcabrera/)
 * (@hcabrera)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/css-question-for-sidebar/#post-14167463)
 * Hi Tim,
 * That can’t be helped as the thumbnail and the title/author/date/category bits
   are in the same container. Once the text is longer than the height of the thumbnail
   the browser will automatically have the text wrap around the image.
 * To prevent this from happening you’d need to restructure the list in a way that
   the text (title, author, date & category) is contained in a separate `div`, like
   this for example:
 *     ```
       <ul>
       	<li>
       		<a href="https://www.example.com"><img src="some-thumbnail.jpg"></a>
       		<div class="some-class">
       			Text would go here
       		</div>
       	</li>
       </ul>
       ```
   
 * Of course you’d need to style this in a way that behaves exactly what you have
   now, except that this time the content won’t wrap around the image anymore like
   this because it’s contained in a `div` element.
 *  Thread Starter [timmy321](https://wordpress.org/support/users/timmy321/)
 * (@timmy321)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/css-question-for-sidebar/#post-14167944)
 * Ah, I see. Thank you for explaining that.
 * I’m aware I’m well out of my depth here and I know this will sound silly as I’m
   a complete noob to this, but where would I put that code to restructure it?
 * I’ve logged into my host provider (siteground) where I can access the File Manager–
   public html – wp-content-plugins – wordpress-popular-posts – assets – css – admin.
   css, but I’m fairly sure I’m in the wrong place as I see no code similar to the
   above with < .. > type code in them.
 * There is some code that looks similar to this in the backend of wordpress dashboard
   in Appearance – Theme Editor – Parent Theme – sidebar.php though. But not a lot,
   only 42 lines.
 * If you could even just signpost me to somewhere where I can learn how to do this(
   or some keywords for me to google), so you don’t have to hold my hand I’d appreciate
   it a lot!
 * Many thanks,
 * Tim
 *  Plugin Author [Hector Cabrera](https://wordpress.org/support/users/hcabrera/)
 * (@hcabrera)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/css-question-for-sidebar/#post-14168737)
 * Can’t use my computer right now (power outage in the area, typing this from my
   phone), maybe this can help get you on the right track: [How can I use my own custom HTML markup with WordPress Popular Posts?](https://github.com/cabrerahector/wordpress-popular-posts/wiki/5.-FAQ#how-can-i-use-my-own-html-markup-with-your-plugin)
 * If you have any questions don’t hesitate to ask, alright?
 *  Thread Starter [timmy321](https://wordpress.org/support/users/timmy321/)
 * (@timmy321)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/css-question-for-sidebar/#post-14169606)
 * Big thanks Héctor!
 * I’ll have a look at this.
 * Hope the outage is squared away soon for you!
 * Tim

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

The topic ‘CSS Question for SideBar’ 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/)

 * 4 replies
 * 2 participants
 * Last reply from: [timmy321](https://wordpress.org/support/users/timmy321/)
 * Last activity: [5 years, 3 months ago](https://wordpress.org/support/topic/css-question-for-sidebar/#post-14169606)
 * Status: resolved