Hide div basierend auf dem Land des Besuchers mit CSS

Question

Ich möchte ein responsives Popup von Besuchern aus bestimmten Ländern anzeigen. Ich habe den Plugin-Popup-Maker verwendet. Aber das Skript (von //freegeoip.net/json/) funktioniert nicht auf der Seite mit dem eingebauten Popup-Maker-Thema oder der Produktseite (wo ich es sehen möchte). Also, mein nächster Schritt ist, das CSS so zu ändern, dass es für bestimmte Leute zumindest angezeigt wird/nicht angezeigt wird (Anzeige: keine! Wichtig).

Jetzt ist meine Frage, was ist der CSS-Code, um dies zu erreichen?

Aber, wenn Sie empfehlen, nur Skript zu verwenden, wie kann ich dies hinzufügen, um Popup-Maker-Code zu überschreiben?

Auch mein Wissen über CSS und JS sehr begrenzt ist

<script> 
jQuery.ajax({ 
url: '//freegeoip.net/json/', 
type: 'POST', 
dataType: 'jsonp', 
success: function(location) { 
// If the visitor is browsing from Canada. 
if (location.country_code === 'CA') { 
    // Tell them about shipping to Canada. 
    jQuery('#pum-5303.pum.pum-overlay.pum-theme-5292.pum-theme-default-theme.popmake-overlay.auto_open.click_open.pum-active').css('display','block'); 
    } 
    } 
    }); 
</script> 

Answer 1

Auf jeden Fall fand ich die Antwort auf inboundnow.com Das ist genau das, was ich tun wollte.