Form Style in not working IE9

  • ecoofficegals

    (@ecoofficegals)


    11 years, 3 months ago

    I installed this plugin and all is well, it looks fine in FF, Chrome & Safari but it’s a mess in IE according to the client (I don’t have IE on mac and a cross browser test the screenshot for IE9 looks good to me – but her screen shot confirms it’s a mess)
    The site is http://fmm-inc.com/ maybe you can see the issue in IE for yourself? I don’t see anyway to attach her screen shot on here.
    Please let me know what I can do to fix the IE issue so it looks the same as all the other browsers, thanks!

    http://wordpress.org/extend/plugins/salesforce-wordpress-to-lead/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Nick Ciske

    (@nickciske)

    11 years, 3 months ago

    Is it a mess in one of the WP default themes or just the client theme?

    Theme CSS can have pretty dramatic effects on the plugin. You can turn off the plugin CSS and style the form yourself.

    Without knowing the IE version they are using and a screenshot (post it to a photo service and link it here), you’re not going to have much luck getting any help.

    Thread Starter ecoofficegals

    (@ecoofficegals)

    11 years, 3 months ago

    Hi Nick,
    No the issue is on a StudioPress theme. I had already had to shut off the plugin CSS and copy it into the theme CSS to do some tweaking since it was messed up in all browsers, falling outside the sidebar, but it’s like IE doesn’t see the CSS at all.
    I went ahead and dropped the screen shot into a page on their site and it can be viewed here http://fmm-inc.com/screenshot/

    Plugin Author Nick Ciske

    (@nickciske)

    11 years, 3 months ago

    since it was messed up in all browsers makes me think the theme (or other form plugin you’re using) has some CSS that’s clashing with the SF plugin’s.

    Try this:

    CHANGE

    .sidebar .w2linput, .sidebar .w2llabel {
float: none;
display: inline;
}

    TO

    .sidebar .w2linput, .sidebar .w2llabel {
float: none;
display: block;
}

    OR

    .sidebar .w2linput, .sidebar .w2llabel {
float: none;
display: inline-block;
}
    Plugin Author Nick Ciske

    (@nickciske)

    11 years, 3 months ago

    FYI- Using TwentyTwelve, the sidebar form looks fine in IE 9.

    Just to make sure, you’re using the Salesforce Widget provided by the plugin and not a text widget & short code, right?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Form Style in not working IE9’ is closed to new replies.