Title: Sidebar alignment issues
Last modified: August 20, 2016

---

# Sidebar alignment issues

 *  [frajdel](https://wordpress.org/support/users/frajdel/)
 * (@frajdel)
 * [13 years, 9 months ago](https://wordpress.org/support/topic/sidebar-alignment-issues-1/)
 * Hi,
 * I’m having some problems with my sidebar. I’ve started using the Category Posts-
   Widget: [http://wordpress.org/support/plugin/category-posts/](http://wordpress.org/support/plugin/category-posts/),
   but as you can see, it is not aligned the way it is supposed to bet?
 * Now, I’m very much a beginner when it comes to coding, so I would gladly appreciate
   any help on this issue. Am I supposed to create “divs” for in the sidebar so 
   that is can have a fixed height for each post?
 * The URL is [http://www.xn--ntcasinon-v2a.se/](http://www.xn--ntcasinon-v2a.se/),
   and you could see the issue in the sidebar called “Topp 10 casinon”. The problem
   is that if I use an excerpt that is not long enough to cover two text rows, the
   next item in the list will be pushed up to the right and it looks all wierd.

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 9 months ago](https://wordpress.org/support/topic/sidebar-alignment-issues-1/#post-3042007)
 * You can sort this out using CSS.
 * If you’re using a custom theme, edit your style.css file and add this in the 
   bottom;
 *     ```
       .cat-post-item {
        clear: both;
       }
       ```
   
 * Here’s some information about what `clear: both;` does,
    [http://www.w3schools.com/cssref/pr_class_clear.asp](http://www.w3schools.com/cssref/pr_class_clear.asp).
 * If you’re not using a custom theme, use a [Child Theme](http://codex.wordpress.org/Child_Themes#Example_of_a_basic_Child_Theme)
   or a [custom style/css](https://wordpress.org/support/topic/sidebar-alignment-issues-1/wordpress.org/extend/plugins/custom-css-manager-plugin/?output_format=md)
   plugin.
 *  Thread Starter [frajdel](https://wordpress.org/support/users/frajdel/)
 * (@frajdel)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/sidebar-alignment-issues-1/#post-3042155)
 * Thank you, that sorted it! However, there’s one more little problem, still linked
   to the length of the excerpt used in the post. If you check the sidebar now, 
   there is a 2 px gap between every thumbnail that has two rows of excerpt, apart
   from the second thumbnail (which only has one row of text) which is positioned
   right under the first, without a gap in between.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 8 months ago](https://wordpress.org/support/topic/sidebar-alignment-issues-1/#post-3042160)
 * That’s because the padding bottom (10px) which is causing the gap, is only applying
   to the paragraph text within each thumbnail item. So the first thumbnail has 
   less text, therefore the padding isn’t going to work the same as the others.
 * You ought to remove this padding from the paragraph, then apply it each `<li>`
   list item and give the list item a height.
 * E.g
 *     ```
       .widgetcontent p {
        padding: 0;
       }
   
       .widgetcontent li {
        height: 70px;
        padding-bottom: 10px;
       }
       ```
   
 *  Thread Starter [frajdel](https://wordpress.org/support/users/frajdel/)
 * (@frajdel)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/sidebar-alignment-issues-1/#post-3042163)
 * Thank you so much, that solved it!

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

The topic ‘Sidebar alignment issues’ is closed to new replies.

 * 4 replies
 * 2 participants
 * Last reply from: [frajdel](https://wordpress.org/support/users/frajdel/)
 * Last activity: [13 years, 8 months ago](https://wordpress.org/support/topic/sidebar-alignment-issues-1/#post-3042163)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics