CSS issues

  • Profile Image
    BedfordCollege
    Asked on October 29, 2012 at 08:34 AM

    Hi there

    I have an issue with how the forms are displaying visually.

    Attached screenshot of how the form looks live on the webpage (IE8) but on the right in the same browser is a preview via the CMS we use which displays the form fine.

    The issues seem to be a disrepancy between the size of the header font and sometimes form text doesn't stretch the full width, e.g. E-mail address.

    I think it's because one of them is running in compatibility view and the other isn't. Is there any way to fix it?

    Thanks

  • Profile Image
    idarktech
    Answered on October 29, 2012 at 10:07 AM

    Hi,

    IE browser loads without its compatibility mode enabled by default so this shouldn't be a problem. However you can fix this by injecting CSS codes to your form. To fix the email label alignment, just inject this CSS code to your form.

    #label_3{

    width: 150px !important;

    }

    Here's How to Inject Custom CSS Codes to your form.

    Just let us know if this doesn't help. Thanks!