Title: 2 logins, same shortcode but different CSS
Last modified: August 27, 2019

---

# 2 logins, same shortcode but different CSS

 *  Resolved [BlueSteam](https://wordpress.org/support/users/bluesteam/)
 * (@bluesteam)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/1-logins-same-shortcode-but-different-css/)
 * Hello,
 * As you can see on the snapshot, I am displaying the standard login form generated
   by the UM installer.
 * [http://prntscr.com/oy6g5h](http://prntscr.com/oy6g5h)
 * I am using Divi Mega Pro with the UM shortcode to have a mouseover event to show
   the login but as you can see, the mouseover CSS and spacing is different to the
   standard login form.
 * Why??
 * Thanks
    -  This topic was modified 6 years, 9 months ago by [BlueSteam](https://wordpress.org/support/users/bluesteam/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2F1-logins-same-shortcode-but-different-css%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Support [Towhid](https://wordpress.org/support/users/cryptex_vinci/)
 * (@cryptex_vinci)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/1-logins-same-shortcode-but-different-css/#post-11871836)
 * Hi [@bluesteam](https://wordpress.org/support/users/bluesteam/),
 * Try inserting this css snippet:
 *     ```
       .divimegapro-body .uimob340 .um-half .um-button{
           width:48% !important;
           float:left;
           margin:1%;
       }
   
       .divimegapro-body .uimob340 .um-half br{
           display:none;
       }
       ```
   
 * Thanks
 *  Thread Starter [BlueSteam](https://wordpress.org/support/users/bluesteam/)
 * (@bluesteam)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/1-logins-same-shortcode-but-different-css/#post-11871972)
 * Thank You Asif 🙂
 * Your css code worked a dream for the buttons to be side by side. I did however
   modify your css a tad to remove all br that the Divi-Megapro seems to be inserting
   for some reason and it has fixed up my spacing perfectly.
 *     ```
       .divimegapro-body .uimob340 br {
           display:none;
       }
       ```
   
 * Not sure why Divi-Megapro is inserting the breaks.
 * Thanks again
    -  This reply was modified 6 years, 9 months ago by [BlueSteam](https://wordpress.org/support/users/bluesteam/).
    -  This reply was modified 6 years, 9 months ago by [BlueSteam](https://wordpress.org/support/users/bluesteam/).

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

The topic ‘2 logins, same shortcode but different CSS’ is closed to new replies.

 * ![](https://ps.w.org/ultimate-member/assets/icon-256x256.png?rev=3160947)
 * [Ultimate Member – User Profile, Registration, Login, Member Directory, Content Restriction & Membership Plugin](https://wordpress.org/plugins/ultimate-member/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-member/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ultimate-member/)
 * [Active Topics](https://wordpress.org/support/plugin/ultimate-member/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-member/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ultimate-member/reviews/)

## Tags

 * [login](https://wordpress.org/support/topic-tag/login/)
 * [shortcode](https://wordpress.org/support/topic-tag/shortcode/)
 * [spacing](https://wordpress.org/support/topic-tag/spacing/)

 * 2 replies
 * 2 participants
 * Last reply from: [BlueSteam](https://wordpress.org/support/users/bluesteam/)
 * Last activity: [6 years, 9 months ago](https://wordpress.org/support/topic/1-logins-same-shortcode-but-different-css/#post-11871972)
 * Status: resolved