Container Alignment

  • Resolved apeironftw

    (@apeironftw)


    3 years, 1 month ago

    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 3 years, 1 month ago by apeironftw.
    • This topic was modified 3 years, 1 month ago by apeironftw.
    • This topic was modified 3 years, 1 month ago by apeironftw.

    The page I need help with: [log in to see the link]

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

  • Hello, @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

    Thread Starter apeironftw

    (@apeironftw)

    Heyo @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

    Hello, @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 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 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

    (@apeironftw)

    Hi @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

    Hello, @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

    (@apeironftw)

    Hi @prosenjitbarman. I found this post 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.

Tags