Title: Container Alignment
Last modified: February 6, 2022

---

# Container Alignment

 *  Resolved [apeironftw](https://wordpress.org/support/users/apeironftw/)
 * (@apeironftw)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/container-alignment-3/)
 * Hello. I just started using this plugin, it looks nice and thanks for it. My 
   question is aligning the container to left. It is center aligned as default. 
   I tried using this css but it didnt work for me (I’m not sure if I do it right)
 *     ```
       #xs-social-login-container {
           max-width: 220px;
           margin: 0px;
           padding-bottom: 20px;
           margin-left: 0px;
       }
       ```
   
 * This code works in google dev tools when I edit the code in that.
 * I tried adding/removing ‘div’, adding ‘.’ instead of ‘#’ but couldn’t get it 
   working. Could you help me with that?
 * Thanks
 * Ibrahim
    -  This topic was modified 4 years, 3 months ago by [apeironftw](https://wordpress.org/support/users/apeironftw/).
    -  This topic was modified 4 years, 3 months ago by [apeironftw](https://wordpress.org/support/users/apeironftw/).
    -  This topic was modified 4 years, 3 months ago by [apeironftw](https://wordpress.org/support/users/apeironftw/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcontainer-alignment-3%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Prosenjit Barman](https://wordpress.org/support/users/prosenjitbarman/)
 * (@prosenjitbarman)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/container-alignment-3/#post-15336237)
 * Hello, [@apeironftw](https://wordpress.org/support/users/apeironftw/)
    Thanks
   for reaching out to us.
 * I can understand that you want to align the container that consists of the Social
   Login buttons to the left side. The approach you have taken is correct but you
   haven’t applied the `!important` property which is why the CSS was not working.
 * Now, in order to align the Social login button to the left side, Please copy 
   the CSS code from below and paste it to **Appearance > Customize > Additional
   CSS** Section.
 *     ```
       #xs-social-login-container {
           margin: 0 !important;
       }
       ```
   
 * Let me know if that helps. We are always here to assist you.
 * Best Regards,
    Prosenjit
    -  This reply was modified 4 years, 3 months ago by [Prosenjit Barman](https://wordpress.org/support/users/prosenjitbarman/).
 *  Thread Starter [apeironftw](https://wordpress.org/support/users/apeironftw/)
 * (@apeironftw)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/container-alignment-3/#post-15339611)
 * Heyo [@prosenjitbarman](https://wordpress.org/support/users/prosenjitbarman/).
   Thanks for the reply. I forgot to mention but I tried applying !important too.
   If you checked my website recently, !important was actually there. It works in
   inspection tool but doesn’t work on the website. I tried entering it in theme
   style.css too but still doesnt work. I cleared cache through Lite Speed Cache
   plugin as well as Cloudflare CDN but still no effect. It’s weird. Any other suggestions?
 * Thanks.
 * Ibrahim
 *  [Prosenjit Barman](https://wordpress.org/support/users/prosenjitbarman/)
 * (@prosenjitbarman)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/container-alignment-3/#post-15345501)
 * Hello, [@apeironftw](https://wordpress.org/support/users/apeironftw/)
    Hope you
   are doing well.
 * I have tried using that exact CSS code in my development environment and it works
   perfectly. The Social Login buttons aligned to the left side after applying the
   CSS code. Please check [this screenshot](https://d.pr/i/z199sN) for a better 
   understanding.
 * Since the CSS is working properly in my development environment, maybe there 
   is something on your end that is preventing the CSS to work properly. Since you
   are using a caching plugin, please try using the **Object Caches** from that 
   plugin if it is enabled.
 * Otherwise, it requires a closer inspection from your end. Kindly create a ticket
   at our Support Center. The link to our Support Center is available on the **Description**
   section of the [Plugin Details](https://wordpress.org/plugins/wp-social/) page.
   We will let you know what to do next.
 * Looking forward to your response and we are always here to assist you.
 * Best Regards,
    Prosenjit
 *  Thread Starter [apeironftw](https://wordpress.org/support/users/apeironftw/)
 * (@apeironftw)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/container-alignment-3/#post-15345730)
 * Hi [@prosenjitbarman](https://wordpress.org/support/users/prosenjitbarman/). 
   Just as I said it works in chrome dev tools but not on live website so interesting.
   Object Cache was disabled on the site. Plugin cache under object cache was also
   disabled even though object cache is enabled itselfI also submitted a ticket 
   to your support center with the link you provided just after I started this thread,
   haven’t heard from you yet. Anyways, I’ll play around object cache a bit more.
   I’ll update this thread with the results.
 * Thanks for the support.
 * Ibrahim
 *  [Prosenjit Barman](https://wordpress.org/support/users/prosenjitbarman/)
 * (@prosenjitbarman)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/container-alignment-3/#post-15349942)
 * Hello, [@apeironftw](https://wordpress.org/support/users/apeironftw/)
    Hope you
   are doing well.
 * A response is already sent to the Ticket you have created at our support center
   with further instructions. You can include your findings here or in reply to 
   the Mail sent from our Support Center regarding the issue. I will check and help
   you to find a solution as soon as possible.
 * Best Regards,
    Prosenjit
 *  Thread Starter [apeironftw](https://wordpress.org/support/users/apeironftw/)
 * (@apeironftw)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/container-alignment-3/#post-15353139)
 * Hi [@prosenjitbarman](https://wordpress.org/support/users/prosenjitbarman/). 
   I found [this post](https://wordpress.org/support/topic/css-styling-not-loading-on-desktop-working-on-mobile/)
   that helped me solve the issue. There was a missing bracket in one of the media
   screen css codes that I previously added. The issue was resolved when I added
   that.
 * Thanks for the support.
 * Ibrahim

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

The topic ‘Container Alignment’ is closed to new replies.

 * ![](https://ps.w.org/wp-social/assets/icon-256x256.png?rev=2544214)
 * [Wp Social Login and Register Social Counter](https://wordpress.org/plugins/wp-social/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-social/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-social/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-social/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-social/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-social/reviews/)

## Tags

 * [alignment](https://wordpress.org/support/topic-tag/alignment/)

 * 6 replies
 * 2 participants
 * Last reply from: [apeironftw](https://wordpress.org/support/users/apeironftw/)
 * Last activity: [4 years, 3 months ago](https://wordpress.org/support/topic/container-alignment-3/#post-15353139)
 * Status: resolved