Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 9, 2015 at 9:09 am #532425
    500Webmaster

    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

    November 9, 2015 at 5:05 pm #532759
    Elliott

    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

    November 9, 2015 at 8:11 pm #532864
    500Webmaster

    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!

    November 10, 2015 at 5:33 pm #533487
    Elliott

    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

    November 10, 2015 at 7:21 pm #533611
    500Webmaster

    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!

    November 11, 2015 at 6:35 pm #534308
    Elliott

    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

    November 12, 2015 at 8:40 am #534609
    500Webmaster

    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

    November 15, 2015 at 12:43 pm #536070
    Josue

    Yeah you can put it there if you want.

    Cheers,
    Josue

    November 16, 2015 at 9:59 am #536401
    500Webmaster

    Thanks, Josue!

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