Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Options

Vanilla Comments - making sign-in modal smaller

OnlyAnExcuseOnlyAnExcuse ✭✭
edited November 2012 in Vanilla 2.0 - 2.8

Came across this problem with comments. Logged out of the forum to see how they looked on my blog, and clicked the "Comment as" button.

The sign in modal appears in the comments area, but it's a little large.

Before:

After:

Any tips on how to make it smaller, so the options all fit in? Using Boostrap theme and 2.1

Try for yourself here: http://www.onlyanexcuse.com/2012/11/06/the-candidates-whos-up-for-replacing-levein/ to see what I mean.

Edit - fixed picture.

Comments

  • Options
    KasperKasper Scholar of the Bits Copenhagen Vanilla Staff
    edited November 2012

    You can do something like this:

    .embed #Popup .modal{
        // Style the modal itself
    }
    
    .embed #Popup .modal-body {
        // Style the content of the modal
    }
    

    Small addition:

    .embed .Overlay {
        background: none;
    }
    

    Kasper Kronborg Isager (kasperisager) | Freelance Developer @Vanilla | Hit me up: Google Mail or Vanilla Mail | Find me on GitHub

  • Options

    Ahh, perfect I can work with that - i've not yet styled the embed part and wondered if the modal would have had to change on both . I should have categorised this under the theme's questions. Thanks Kasper!

Sign In or Register to comment.