CSS Class based on Country

  • Resolved steliodj

    (@steliodj)


    12 years, 1 month ago

    Hi there,

    Thank you very much for creating this awesome plugin…i need to add a css class to body or html, for example if the visitor comes from UK then add automatically a class “UK” for body.

    I need this for hiding specific elements using CSS e.g. body.UK #mydiv {display:none;}

    It would be a great feature if you can include it to the next version but i would really appreciate it if you can tell me how do achieve this for now using functions.php

    Cheers,
    stelios

    https://wordpress.org/plugins/geoip-detect/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Benjamin Pick

    (@benjaminpick)

    12 years, 1 month ago

    Great idea. I will add it when I run idle, which probably isn’t going to be the next month or so. I’d use a more specific class like “geoip-country-UK” or so.

    If you want to implement it yourself, you will need to use the filter body_class, see https://codex.wordpress.org/Function_Reference/body_class#Add_Classes_By_Filters for an example.

    Thread Starter steliodj

    (@steliodj)

    12 years, 1 month ago

    Awesome ! I will be waiting for your next update…by the way is there any way we can get notified via email when updates are released? A mailing list?

    cheers

    Plugin Author Benjamin Pick

    (@benjaminpick)

    11 years, 10 months ago

    1.6 will be out today! There are 2 new classes when enabled on the plugin page:

    geoip-country-UK and geoip-continent-EU

    So you can target your content via CSS:

    .show-only-in-europe { display:none; }
    body.geoip-continent-EU .show-only-in-europe { display:block; }

    HTML:

    <div class=”show-only-in-europe”></div>

    ashu912

    (@ashu912)

    11 years, 3 months ago

    please tell me how to use this function for targeting US users. I tried using this code for CSS

    .show-only-in-US { display:none; }
    body.geoip-country-US .show-only-in-US { display:block; }

    HTML:
    <div class=”show-only-in-US”></div>

    but it didn’t worked

    Plugin Author Benjamin Pick

    (@benjaminpick)

    11 years, 3 months ago

    You can try with !important. Is the CSS class present and correct (check by looking at the HTML code.)? You need to enable it on the plugin “Tools” page.

    Benjamin Pick

    (@benjamin4)

    11 years, 3 months ago

    @steliodj :

    No there is no mailinglist but you can subscribe to my SVN commits (Plugin Tab Developers) – I only commit when releasing a new version as the development happens @ github.

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

The topic ‘CSS Class based on Country’ is closed to new replies.