• Resolved Joe

    (@joseph_winn)


    I’ve set up this plugin on another site with no issues. In adding it to this one, the pop-up works properly, but it is missing CSS styling when it appears (set to appear at 70% page scroll). The content is without any proper formatting. Ideas? Suggestions? (Ajax is off in plugin settings)

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support gonzalesc

    (@gonzalesc)

    Hi.
    where are you setting the CSS code? in some external CSS ? or in the plugin?

    Below there is a section where you can put CSS code.

    Regards

    Thread Starter Joe

    (@joseph_winn)

    I’m not actually setting any CSS…just using the normal formatting for the plugin. Except it doesn’t work, so the box appears as unformatted text. Setup is same as on other site where it works great.

    Plugin Support gonzalesc

    (@gonzalesc)

    Hi.
    But I see it need some of CSS and it will be good.
    What is the other website where it work great?

    Regards

    Thread Starter Joe

    (@joseph_winn)

    Yes, that’s the problem. It isn’t applying its own CSS. This site has no issue (same scroll to bottom trigger): https://greenprofitsolutions.com/blog/guaranteed-asset-protection-considerations-financial-institution/

    Plugin Support gonzalesc

    (@gonzalesc)

    Hi.
    Im sorry for delay.

    The theme css interfere with the popup style.

    In the other website, where it works good, the css theme help to popup style.

    Regards

    Thread Starter Joe

    (@joseph_winn)

    Thanks for checking. Any suggestions?

    Plugin Support gonzalesc

    (@gonzalesc)

    Yes. You must pass some styles from a website to other website.
    Styles to the <p>, <input>, etc

    Here a example:

    #spu-1700 h2 {
        font-size: 30px;
        font-family: "Montserrat", Helvetica, Arial, sans-serif;
        font-weight: 400;
        color: #444444;
        margin: 20px 0;
        line-height: 1.1;
    }
    
    #spu-1700 img { float: right; }
    #spu-1700 p { margin: 20px 0; }
    #spu-1700 input[type=email] {
        line-height: 22px;
        border-radius: 3px;
        border: 0px;
        font-size: 15px;
        padding: 13px 13px;
    }

    Regards

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Pop-up Missing CSS Styling’ is closed to new replies.