Title: Space between top bar widgets
Last modified: March 5, 2019

---

# Space between top bar widgets

 *  [xxmel11xx](https://wordpress.org/support/users/xxmel11xx/)
 * (@xxmel11xx)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/space-between-top-bar-widgets/)
 * Hi,
    I’m trying to add some space between the widgets I added at my top bar without
   any success, can you please help me? Thank you!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fspace-between-top-bar-widgets%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/space-between-top-bar-widgets/#post-11278444)
 * Hey,
    Try adding this to your custom css box in Theme Options > Advanced Settings:
 *     ```
       .topclass .kad_img_upload_widget, .topbar-widget .virtue_social_widget a {
           margin-right: 15px;
       }
       ```
   
 * Does that work for you?
 * Hannah
 *  Thread Starter [xxmel11xx](https://wordpress.org/support/users/xxmel11xx/)
 * (@xxmel11xx)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/space-between-top-bar-widgets/#post-11278527)
 * Thank you for your quick answer, Hannah. If I use that code and add more space,
   the top bar shrinks. Is there a way to place the image and the social widget 
   on the right and leave the logo on the left?
    Thank you!!!
 *  [Kevin](https://wordpress.org/support/users/jx-3p/)
 * (@jx-3p)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/space-between-top-bar-widgets/#post-11278618)
 *     ```
       Try this CSS and let me know if it works for you:
       .kad-topbar-right {
           width: 100%;
       }
   
       .virtue_social_widget {
           width: 100%;
       }
       ```
   
 * -Kevin
 *  Thread Starter [xxmel11xx](https://wordpress.org/support/users/xxmel11xx/)
 * (@xxmel11xx)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/space-between-top-bar-widgets/#post-11278647)
 * It worked perfectly! Thank you!. Is there a way to make the top bar bigger?
 *  [Kevin](https://wordpress.org/support/users/jx-3p/)
 * (@jx-3p)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/space-between-top-bar-widgets/#post-11278674)
 * Try this:
 *     ```
       div#topbar-search {
           height: 100px;
       }
       ```
   
 * -Kevin
 *  [Kevin](https://wordpress.org/support/users/jx-3p/)
 * (@jx-3p)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/space-between-top-bar-widgets/#post-11278679)
 * To make the widgets larger, you can decrease the width property in this CSS:
 *     ```
       .virtue_social_widget {
           width: 100%;
       }
       ```
   
 * -Kevin
 *  Thread Starter [xxmel11xx](https://wordpress.org/support/users/xxmel11xx/)
 * (@xxmel11xx)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/space-between-top-bar-widgets/#post-11278696)
 * Thank you a LOT, Kevin!!!
 *  [Kevin](https://wordpress.org/support/users/jx-3p/)
 * (@jx-3p)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/space-between-top-bar-widgets/#post-11278699)
 * No problem!
 * -Kevin
 *  Thread Starter [xxmel11xx](https://wordpress.org/support/users/xxmel11xx/)
 * (@xxmel11xx)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/space-between-top-bar-widgets/#post-11279627)
 * Hi again!
    I removed the social icon from my website top bar and now when I use
   the code you gave me, one image gets larger and the other one smaller, how can
   I fix this?, can I use a code for each one of the image widgets? Thank you!
 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/space-between-top-bar-widgets/#post-11281459)
 * Hey,
    Which images do you mean? Can you send a screenshot? [https://postimages.org/](https://postimages.org/)
 * Hannah
 *  Thread Starter [xxmel11xx](https://wordpress.org/support/users/xxmel11xx/)
 * (@xxmel11xx)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/space-between-top-bar-widgets/#post-11282014)
 * Hi Hannah,
    This images, they are located at the top bar as Virtue image widgets.
   [https://postimg.cc/QVjy7ByW](https://postimg.cc/QVjy7ByW) Thank you!
 *  [Kevin](https://wordpress.org/support/users/jx-3p/)
 * (@jx-3p)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/space-between-top-bar-widgets/#post-11282379)
 * Rather than setup your header this way, I suggest a different approach.
 * Since you’re using elementor on your site, you an use this plugin to setup your
   header using elementor and have far more customization without relying on CSS:
   
   [https://wordpress.org/plugins/header-footer-elementor/](https://wordpress.org/plugins/header-footer-elementor/)
 * Does that work for you?
 * -Kevin

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

The topic ‘Space between top bar widgets’ is closed to new replies.

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

 * 12 replies
 * 3 participants
 * Last reply from: [Kevin](https://wordpress.org/support/users/jx-3p/)
 * Last activity: [7 years, 2 months ago](https://wordpress.org/support/topic/space-between-top-bar-widgets/#post-11282379)
 * Status: not resolved