Enable CSS property

Geo Controller includes dynamic CSS capabilities that allow you to show or hide specific content on your site based on the visitor’s geolocation — without writing a single line of JavaScript.

By enabling this option, the plugin automatically injects a flexible set of CSS rules that can be used in your HTML via class attributes. These rules are generated for each detected country, region, state, or city, allowing fine-grained control over what content is visible to whom.

The structure follows a clear naming convention:
cfgeo-show-in-{location} or cfgeo-hide-from-{location},
where {location} is the geolocation value in lowercase, and spaces are replaced by dashes.

Examples:

  • cfgeo-show-in-serbia – will show the element only to visitors from Serbia
  • cfgeo-hide-from-united-states – will hide the element from visitors in the United States
  • cfgeo-show-in-belgrade – will show the element to users in Belgrade

This is useful when you want to create simple geo-targeted behavior directly in your theme templates, widgets, or content blocks, without relying on shortcodes or JavaScript.

Disabling this option will prevent Geo Controller from injecting any geo-related CSS rules. This is recommended if you are building your own logic or wish to reduce front-end resource usage.

Was this page helpful?