Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 10, 2016 at 10:28 pm #684593
    webdesign

    Hi,
    I posted a question a while back about getting an iframe form to be response. I’ve had no luck. It’s a iframe (linking to an outside form from Pardot) inserted into my site. So, I’m wanting to change the coding on their form end (which I now have access to). I would like the form to look seamless, like the forms on the Enfold site. Where can I find the css code for the responsive form on my Enfold site, to use as the building block code to add the Pardot form? That way, when I insert Pardot’s iframe, it will be responsive (currently a scrolling bar comes up… I tried changing the widths… it helps, but doesn’t give that true responsive look I want). What I would love is to be able to grab a chunk of code that pretty much is a responsive form, then I can just remove all the fields I don’t need. Any help would be much appreciated.
    Thanks!

    September 15, 2016 at 1:18 pm #686860
    Yigit

    Hey webdesign,

    Can you please post the link to your page and point out the form please?

    Best regards,
    Yigit

    September 15, 2016 at 3:03 pm #686926
    webdesign

    Sure. The form is on both the Quick Quote tab, and the Detailed Quote tab. I did change the heights, and that takes care of the scrolling bar issue, but it leaves a lot of whitespace at the bottom of the Detailed Quote. I would just love the form to look like the theme’s form with the css (the form text fields, fonts, etc.). Thanks!

    September 15, 2016 at 3:09 pm #686932
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
#tab-id-2-container iframe {
    max-height: 1350px;
}}

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.