Extra Large form theme highly inconsistent on Firefox/Mac

  • Profile Image
    Masalamedia
    Asked on June 10, 2013 at 01:40 AM

    See screenshot below

     

    Safari/mac           Chrome/mac              Firefox/mac

    IE10/win              Chrome/win               Firefox/win

     

    You'll notice there is semi-consistency on this simple form with all browsers except FF/Mac. 


    Ideally I want the simple aesthetic of fields that line up on the left and right side for a clean, even margin. Doesn't seem like this form theme is able to do that. :-(

  • Profile Image
    Masalamedia
    Answered on June 10, 2013 at 01:42 AM

    That's the "XXL" theme.

  • Profile Image
    EltonCris
    Answered on June 10, 2013 at 03:25 AM

    @Masalamedia

    If you'd like to align the boxes from start to its end on the image above it, try to inject the following CSS code to your form.

    #input_1, #input_3, #input_4{

        width: 368px;

        min-width: 368px;

        max-width: 368px;

    }

    Check if it displays all the same on the mentioned browsers.

    Please update us with the result. Thank you!

  • Profile Image
    Masalamedia
    Answered on June 11, 2013 at 09:07 AM

    Yeah, that seems to work. Thanks~