Title: CSS styling for the 2 widgets
Last modified: August 30, 2016

---

# CSS styling for the 2 widgets

 *  Resolved [jayceeuk](https://wordpress.org/support/users/jayceeuk/)
 * (@jayceeuk)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/css-styling-for-the-2-widgets/)
 * I am trying to work out how to style the individual widgets in your plugin. my
   page is [http://www.carpbaitindustries.co.uk](http://www.carpbaitindustries.co.uk)
   and I am trying to make the text in widget one float left and text in widget 
   2 float right. widget 1 is a text box, widget 2 is a menu.
 * [https://wordpress.org/plugins/storefront-top-bar/](https://wordpress.org/plugins/storefront-top-bar/)

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

 *  [allthingshippo](https://wordpress.org/support/users/allthingshippo/)
 * (@allthingshippo)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/css-styling-for-the-2-widgets/#post-6376628)
 * I am having the same problem, would love some help!! Thank you!
 * [http://www.allthingshippo.com](http://www.allthingshippo.com)
 *  [Justmecrea](https://wordpress.org/support/users/justmecrea/)
 * (@justmecrea)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/css-styling-for-the-2-widgets/#post-6376856)
 * Well how to register StoreFront Top Bar on WordPress
 *  Plugin Author [wooassist](https://wordpress.org/support/users/wooassist/)
 * (@wooassist)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-styling-for-the-2-widgets/#post-6376871)
 * I can see that you’ve already figured this out. But for everyone else wondering
   how to this, here is a quick CSS markup that you can use:
 *     ```
       .woa-top-bar2 {
           text-align: right;
       }
       ```
   
 * This code will force the text to align to the right side. This code will work
   on most widgets including text and custom menu. For more additional styling changes,
   I highly suggest that you either learn CSS or contact a developer to do it for
   you.
 *  [npvb](https://wordpress.org/support/users/npvb/)
 * (@npvb)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-styling-for-the-2-widgets/#post-6376872)
 * Slightly different class name worked for me.
 * .woa-top-bar-2 {
    text-align: right; }

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

The topic ‘CSS styling for the 2 widgets’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/storefront-top-bar.svg)
 * [Storefront Top Bar](https://wordpress.org/plugins/storefront-top-bar/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/storefront-top-bar/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/storefront-top-bar/)
 * [Active Topics](https://wordpress.org/support/plugin/storefront-top-bar/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/storefront-top-bar/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/storefront-top-bar/reviews/)

 * 4 replies
 * 5 participants
 * Last reply from: [npvb](https://wordpress.org/support/users/npvb/)
 * Last activity: [10 years, 6 months ago](https://wordpress.org/support/topic/css-styling-for-the-2-widgets/#post-6376872)
 * Status: resolved