Title: Widgets not align ??
Last modified: August 20, 2016

---

# Widgets not align ??

 *  Resolved [zemobility](https://wordpress.org/support/users/zemobility/)
 * (@zemobility)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/widgets-not-align/)
 * Hello Todd,
 * First thank for this widget, really simple and exactly what I was looking for.
   
   Just one question, how align widgets, they all appear in vertical and not horizontaly??
 * Should I change something in the css or in the plugin code?
 * Please help me it will be great.
 * Thank you!

Viewing 15 replies - 1 through 15 (of 20 total)

1 [2](https://wordpress.org/support/topic/widgets-not-align/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/widgets-not-align/page/2/?output_format=md)

 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/widgets-not-align/#post-2178657)
 * > change something in the css
 * most likely –
    depending on the html output by the widgets.
 * please post a link to your site to get more suggestions.
 *  Plugin Author [toddhalfpenny](https://wordpress.org/support/users/toddhalfpenny/)
 * (@toddhalfpenny)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/widgets-not-align/#post-2178815)
 * Hullo zemobility,
 * Yup this is all CSS related. If you post a link I can give you a definite answer
   and it’ll be probably to add a `display: block;` to the individual widgets.
 * Todd
 *  [borischu](https://wordpress.org/support/users/borischu/)
 * (@borischu)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/widgets-not-align/#post-2178822)
 * Yes adding changing something in the css will do the trick
 *  Thread Starter [zemobility](https://wordpress.org/support/users/zemobility/)
 * (@zemobility)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/widgets-not-align/#post-2178836)
 * Hello Everybody,
 * First I was really suprise to get all your answers. Thank you a lot everybody
   
   I think my question is important because we are many friends from Paris who used
   this plugin, and we have this issue, I am sure that it is a small thing but I
   am not good at all for code.
 * Currently my home where I used your plugin is under this link:
    [http://zemobility.eu/home](http://zemobility.eu/home)
   After when everything will be ready I wish to have it on my static homepage [http://zemobility.eu](http://zemobility.eu)
   My idea is to have: -First line with a smooth slider for all the news (also I
   do not know why my flash smooth slider doesnot work, the only way is to use the
   narrow??) -Second line with Three widgets align -Third line with again three 
   widgets align -Then the footer
 * Also I use the template Thesis with the least wordpress version.
 * Thank you everybody!
 *  Plugin Author [toddhalfpenny](https://wordpress.org/support/users/toddhalfpenny/)
 * (@toddhalfpenny)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/widgets-not-align/#post-2178864)
 * Hey again,
 * Right after a quick play the following should get you on the right track. Basically
   this is setting the width of each li of the sidebar (i.e. each widget) to have
   a width of 30%… and then we apply an overriding width to the slider to set it
   back to full width.
 *     ```
       .widgets_on_page li {
       	width: 30%;
       	float: left;
       }
   
       li#sslider_wid-3 {
       width: 100%;
       }
       ```
   
 * This is not perfect as the FB widget has some funniness with some of it’s elements…
   but it should get you going in the right direction.
 * Ta,
    Todd
 *  Thread Starter [zemobility](https://wordpress.org/support/users/zemobility/)
 * (@zemobility)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/widgets-not-align/#post-2178947)
 * Hello Todd,
 * Just I am not good for code, and I don’t know where I should add
    .widgets_on_page
   li { width: 30%; float: left; }
 * li#sslider_wid-3 {
    width: 100%; }
 * Can you please tell me where add your code?
 * Thanks
 *  Plugin Author [toddhalfpenny](https://wordpress.org/support/users/toddhalfpenny/)
 * (@toddhalfpenny)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/widgets-not-align/#post-2178948)
 * Ah OK.
 * This would need to go at the bottom of your themes’s style.css file (located 
   somewhere in your theme’s directory in the wp-content/themes directory.
 * Like I said, this is only a start and really needs more work to get it looking
   juts right… sadly this is more work than I can offer for free on this forum.
 * Todd
 *  Thread Starter [zemobility](https://wordpress.org/support/users/zemobility/)
 * (@zemobility)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/widgets-not-align/#post-2178949)
 * Thankyou Todd it is working perfectly!
    Your plugglin is perfect! I wish more
   people will dl it! Have a nice day!
 *  Plugin Author [toddhalfpenny](https://wordpress.org/support/users/toddhalfpenny/)
 * (@toddhalfpenny)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/widgets-not-align/#post-2178950)
 * Great news zenmobility!
 * Of course if you like the plugin then a nice *cough* 5 star *cough* rating over
   at [the repo](http://wordpress.org/extend/plugins/widgets-on-pages/) would be
   nice 😉
 *  Thread Starter [zemobility](https://wordpress.org/support/users/zemobility/)
 * (@zemobility)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/widgets-not-align/#post-2178978)
 * Dear Todd,
 * I try to fix during four days the code to align correctly the widget see my problem:
 * [http://zemobility.eu/home](http://zemobility.eu/home)
 * I do not understand why it is not align?
    Yes I can put two or three widgets 
   together in the same lign In fact I have three widget sidebars with different
   widget. It is seem the wordpress can not see the difference between sidebar1,2&
   3?
 * Do you have a code to solve it please?
    What shoudl I do?
 *  Plugin Author [toddhalfpenny](https://wordpress.org/support/users/toddhalfpenny/)
 * (@toddhalfpenny)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/widgets-not-align/#post-2178997)
 * Hey zemobility,
 * Sorry I’m not understanding what the problem is… have you sorted it?
 * Todd
 *  Thread Starter [zemobility](https://wordpress.org/support/users/zemobility/)
 * (@zemobility)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/widgets-not-align/#post-2178999)
 * Hello todd,
 * I add three widget-on-page call Bodybar1, Bodybar2 and Bodybar3.
    Then I add 
   the Smooth Slider widget in Bodybar1 and three other widgets on Bodybar 2, then
   2 other widgets on Bodybar3. When I have a look on the [http://zemobility.eu/home](http://zemobility.eu/home)
   widgets fallow each other. It seems I have just one Bodybar not three Bodybar
   with three different lign of widgets? Do you have a code to differentiate bodybar1,2
   and 3?
 * Thanks you
 *  Plugin Author [toddhalfpenny](https://wordpress.org/support/users/toddhalfpenny/)
 * (@toddhalfpenny)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/widgets-not-align/#post-2179000)
 * Hullo again,
 * You will need to here add styles to the widgets_on_page ul to make them clear
   the foats
 * `div.widgets_on_page ul { clear: both; list-style:none }`
 * Perhaps to get the more complex layout you desire you need to either learn some
   CSS (as that is all this is) or pay somebody to deliver what you’re after?
 *  Thread Starter [zemobility](https://wordpress.org/support/users/zemobility/)
 * (@zemobility)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/widgets-not-align/#post-2179003)
 * Thank you todd it is working, now I must put my widget in the center and add 
   some space between. If you can help me it is great but I do not want to ask more.
   
   Thank you for your widget, I will promote it around as you was really nice with
   me.
 * Thank you!
 *  [brentlive](https://wordpress.org/support/users/brentlive/)
 * (@brentlive)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/widgets-not-align/#post-2179033)
 * Hi Todd
 * Great plugin! really frees WordPress up! Wonder if you can help, we are also 
   getting alignment issues with this plugin. See here [http://www.wordup.co.za/sample-page/](http://www.wordup.co.za/sample-page/)

Viewing 15 replies - 1 through 15 (of 20 total)

1 [2](https://wordpress.org/support/topic/widgets-not-align/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/widgets-not-align/page/2/?output_format=md)

The topic ‘Widgets not align ??’ is closed to new replies.

 * ![](https://ps.w.org/widgets-on-pages/assets/icon.svg?rev=1400727)
 * [Widgets on Pages](https://wordpress.org/plugins/widgets-on-pages/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/widgets-on-pages/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/widgets-on-pages/)
 * [Active Topics](https://wordpress.org/support/plugin/widgets-on-pages/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/widgets-on-pages/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/widgets-on-pages/reviews/)

 * 20 replies
 * 6 participants
 * Last reply from: [toddhalfpenny](https://wordpress.org/support/users/toddhalfpenny/)
 * Last activity: [14 years, 4 months ago](https://wordpress.org/support/topic/widgets-not-align/page/2/#post-2179071)
 * Status: resolved