Popup ignores CSS but appears fine in admin debug

  • Resolved davidleclarke

    (@davidleclarke)


    9 years, 8 months ago

    Hi there,

    Here is a link to my site with the live popup.
    https://www.ckgroupservices.com/

    Here is the code that I have placed into popup maker content box.

    <div class="popup-content">
We have various positions available in the London Area, working with an established company, training is provided.

Cleaners required with experience within a healthcare setting, knowledge of colour coding, Previous use of Cleaning machines an advantage.

All of our employees are checked to an enhanced level of DBS.
</div>

<div class="popup-footer">
<h3>Interested?</h3>
<p><span style="font-size:18px;">Head over to our <span style="font-weight:900;"><a href="https://www.ckgroupservices.com/cleaning-operative-jobs">JOBS</a></span> page and fill out an application form.</span></p>
</div>

    This appears differently to the admin debug version, which picks up my own styling. If you take a look at the source code you can see two div’s. .popup-content and .popupfooter. When it appears correctly it shows a light blue footer and has padding at all edges.

    I know I can can add the padding in the settings, but this was deliberately turned to “0” so I could add the footer div, allowing it to stretch 100% across the popup.

    Any ideas as to why the admin debug displays correctly, but the live popup is different? Any help would be greatly appreciated.

    https://www.ads-software.com/plugins/popup-maker/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Daniel Iser

    (@danieliser)

    @davidleclarke – By admin debug, do you mean the admin preview or you checked the admin debug checkbox? If you mean the admin debug checkbox then what you are viewing should be exactly the same as what a user would see. The admin debug option simply forces the popup to trigger immediately for logged in administrators.

    It is no different than auto open with a delay of 0 targeted to only admins.

    Also you are using a minification/caching that is likely your issue. Where are you adding your popup-footer styles as they are not in any of the current css files being loaded. So this likely means your cached files need to be refreshed. When logged in as an admin typically the cache files are not used which explains why it works then.

    Hope this helps.

    Thread Starter davidleclarke

    (@davidleclarke)

    Hi Danieliser,

    It was with the admin debug checked, but you were absolutely right about caching. I emptied the cache and it appears correctly in both admin and live. I imagine my caching settings are different for when I’m logged into the site. Silly mistake but thanks for pointing it out!

    Many thanks

    Dave

    Plugin Author Daniel Iser

    (@danieliser)

    @davidleclarke – Glad to be of service. Glad its working correctly for you now.

    Please take a moment to rate and review the plugin and or support.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Popup ignores CSS but appears fine in admin debug’ is closed to new replies.