Display settings and CSS not working correctly

  • Resolved alewebsocial

    (@alewebsocial)


    7 years, 4 months ago

    I have a form defined that I want to display on one page only. https://emeraldlakebooks.com/manuscript-marketplace-5-simple-steps-sign/.

    However, it’s appearing on that page as well as on the homepage of my site. https://emeraldlakebooks.com.

    Here’s a screenshot of the display settings: https://www.screencast.com/t/xeP1ViCru2z.

    You’ll notice too that the custom colors I specified display fine on the home page, but are ignored on the page I actually want it displayed on. So I added the following CSS to the plugin Design page:

    .inf_infusionsoft .inf_infusionsoft_form_content button { background-color: #166734; }

    However, that’s not fixing the issue either.

    Any idea why 1) this form is appearing on my home page and 2) why the custom colors I defined are not being displayed correctly on my sign-up page?

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hopefully you figured this out after 2 months, 3 weeks with no help/replies. As for the CSS I would try to use !important at the end to see if that helps. Example:

    .inf_infusionsoft .inf_infusionsoft_form_content button { background-color: #166734 !important; }

    Make note of the ; being AFTER the !important. If you had multiple css entries not working each one would need the !important. If this doesn’t fix it, the only other way would be to inspect it live. I use chrome so I just right click and hit inspect. You can also bring this information up using F12 in chrome. This allows you to see the actual css selectors. It may be that the button has a different way it needs to be selected on the other page because of extra html/css added around it.

    Thread Starter alewebsocial

    (@alewebsocial)

    Thank you, Matthew. I was not ever able to get that opt-in to work the way I wanted. I spoke with InfusionSoft about it, and they seemed to think it was a bug, but I never heard anything more about it from them after that.

    Since I needed to get the thing up and running ASAP and wasn’t getting anywhere, I abandoned using the plugin in favor of creating an opt-in with Thrive Builder and connecting to InfusionSoft the way I normally would.

    For what it’s worth, I did try the !important; as well. It would fix things when I used Chrome’s Inspect, but it didn’t work when I implemented the CSS and refreshed the page.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Display settings and CSS not working correctly’ is closed to new replies.