themes – How to remove pop up on website (css changes not visible)?


I’m working on this site and was asked to remove the pop up. I’ve tried entering classes like:

.popup, .popup .popup-bg {
    display: none !important;

.popup {
    display: none !important;

The js files were also obfuscated according to the original developer when I asked him about it. He also recommended the above and it does work in inspect but not when I make the changes in the file editor.

I also tried removing the below from the site.js file to see if that would make any changes and that didn’t help.

133: function(t, e, n) {
            var i = n(106);
            t.exports = (i.default || i).template({
                compiler: [8, ">= 4.3.0"],
                main: function(t, e, n, i, a) {
                    return '<div class="popup">\n    <div class="popup-bg">\n\n    </div>\n\n    <div class="table">\n        <div class="popup-container table-cell middle">\n            <div class="video-overlay">\n                <div class="heading">\n                    <div class="table">\n                        <div class="table-cell middle">\n                            <div class="btn-close large">\n                                <svg version="1.1" id="Layer_1" xmlns="" xmlns:xlink="" x="0px" y="0px"\n                                   viewBox="0 0 73 73" style="enable-background:new 0 0 73 73;" xml:space="preserve">\n                                <style type="text/css">\n                                  .st0{fill:none;stroke:#cb1230;stroke-width:12.12;}\n                                </style>\n                                <path id="Shape_1_copy_2" class="st0" d="M68.7,4.3L4.3,68.7"/>\n                                <path id="Shape_1_copy_2_1_" class="st0" d="M68.7,68.7L4.3,4.3"/>\n                                </svg>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class="embed">\n                    <iframe width="560" height="315" src="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>'

I also tried inline styling in the site file with no success.

I was thinking a work around potentially could be to create a new version (current is 0.2.8) of the assets to see if that fixes things but am unsure of how to go about this? Does anyone have any idea as to why I’m having this issue with the pop up only? I’m currently working off a staged site but here is the live one.

I’ve made changes in the css files for the newsletter and made other changes to the site with no issue.

Thank you!

sleepypeach 1 month 2023-05-02T16:17:49-05:00 0 Answers 0 views 0

Leave an answer