Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #532425

    Hi,

    We’re trying to integrate a form inside a popup on our site using a third-party service, but when it appears on our site, it looks slightly different to the way it looks when editing in the third-party app. We believe the issue is on their end because if we place the form inside a page (not a popup) then it displays perfectly.

    However, they are not convinced that the error is on their side and have asked us to try and create the form on a page that does not have any styling/coding from the theme whatsoever, to confirm whether it’s our site that’s the issue or not. Is there a way I can turn off the theme styling for a specific page so I can try and get this issue resolved?

    Thanks

    #532759

    Hi 500Webmaster!

    No, not without a lot of editing. If you send us a link to your page though we’ll see if we can give you some CSS to fix it.

    Regards,
    Elliott

    #532864

    Hi,

    Oh I see… Ok, thanks. I’m not sure it’s worth sending a page link as the form displays perfectly in-page, just not inside a popup (which is executed via their service using a tag). What I can do is send you a snapshot of what the form is supposed to look like and what it looks like when inside a popup?

    I’ve attached links to the snapshots in the private content area.

    As you can see, the “Form On Page” is what the form is supposed to look like. But “Form Inside Popup” is what it looks like when in a popup, with dark borders appearing above the title and around the first two fields.

    Hope that helps!

    #533487

    Hey!

    We would have to see it in action. Send us a link to your page and we’ll take a look. You can set your reply as private if you wish.

    Regards,
    Elliott

    #533611

    Hi Elliott,

    Okay, I’ve created a test page for you in the Private Content area with the form on the actual page and I’ve also set the popup form to appear when you try to leave. This way you can see both instances and the differences between them. The form on hte page doesn’t have a heading, but we did that on purpose so don’t worry about that.

    Hope it works – thanks!

    #534308

    Hey!

    I’m not sure what type of popup script your using there. I didn’t see any IDs or classes so it’s going to be hard to target it.

    You can add this to a codeblock element in the page to remove all of the borders.

    <style type = "text/css">
    table, td, tr {
        border: 0px !important;
    }
    </style>

    Best regards,
    Elliott

    #534609

    Hi Elliot,

    I personally am not too clued up on code (The username “WebMaster” was given to me kind of as an in-house joke) but I know the original source was HTML and included <div> sections, if that helps?

    Although it doesn’t really matter, because the code you gave worked. Thank you :) Could I perhaps place this code in the Quick CSS section as I’d prefer this for all pages?

    Thanks

    #536070

    Yeah you can put it there if you want.

    Cheers,
    Josue

    #536401

    Thanks, Josue!

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Editing A Page Without Theme Styling’ is closed to new replies.