{"id":943,"date":"2020-05-08T16:20:46","date_gmt":"2020-05-08T16:20:46","guid":{"rendered":"https:\/\/www.fla-shop.com\/blog\/?p=943"},"modified":"2022-10-04T17:37:24","modified_gmt":"2022-10-04T17:37:24","slug":"using-css-class-to-deactivate-points-on-a-map-for-wordpress","status":"publish","type":"post","link":"https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/","title":{"rendered":"Using CSS Class to Deactivate Points on a Map for WordPress"},"content":{"rendered":"\r\n<div class=\"wp-block-group article_sm_block\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\r\n<p>By default, points added to a map are active. When you hover a cursor over the point, the tooltip of the state disappears and the name of the point will appear. By assigning CSS classes to points, you can quickly make them &#8220;invisible&#8221; for the cursor and solve the issue with the state tooltip disappearing.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Table of contents<\/h2>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\"><li><a href=\"#01\">Introduction<\/a><\/li><li><a href=\"#02\">How to add points on an interactive USA map<\/a><\/li><li><a href=\"#03\">How to add a user-defined CSS class for a point<\/a><\/li><li><a href=\"#04\">Modifying the style file with the help of a customizer<\/a><\/li><li><a href=\"#05\">How to modify Stylesheet with the help of Theme Editor<\/a><\/li><li><a href=\"#06\">How to modify style files via FTP<\/a><\/li><li><a href=\"#07\">How to quickly add a class for a set of points<\/a><\/li><li><a href=\"#08\">Conclusion<\/a><\/li><\/ol>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"01\">Introduction<\/h2>\r\n\r\n\r\n\r\n<p>Sites with a high number of regional representations frequently face a problem of visualizing business geography. How do you show users where to benefit from a service, or purchase a product (for example)? Showing individual locations is easy on a website that runs on WordPress with the help of the <a href=\"https:\/\/www.fla-shop.com\/products\/\">interactive maps plugin<\/a> from Fla-shop.com.<\/p>\r\n\r\n\r\n\r\n<p><a name=\"02\"><\/a><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">How to Add Points on an Interactive USA Map<\/h2>\r\n\r\n\r\n\r\n<p>An interactive infographic is a useful tool that makes a website memorable and unique. For instance, your company&#8217;s map with commercial representations could look like this:<\/p>\r\n<\/div><\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-group article_md_block\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\r\n<!-- start HTML5 Map -->\r\n<div id=\"map-container\"><\/div><link href=\"\/blog\/wp-content\/uploads\/2019\/maps\/usa-points\/map.css\" rel=\"stylesheet\"><script src=\"\/blog\/wp-content\/uploads\/2019\/maps\/usa-points\/raphael.min.js\"><\/script><script src=\"\/blog\/wp-content\/uploads\/2019\/maps\/usa-points\/settings.js\"><\/script><script src=\"\/blog\/wp-content\/uploads\/2019\/maps\/usa-points\/paths.js\"><\/script><script src=\"\/blog\/wp-content\/uploads\/2019\/maps\/usa-points\/map.js\"><\/script><script>var map = new FlaMap(map_cfg);map.drawOnDomReady('map-container');<\/script><!-- end HTML5 Map -->\r\n<\/div><\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-group article_sm_block\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\r\n<p>To create a map like this, load, install, and activate using the standard instructions found here: <a href=\"https:\/\/www.fla-shop.com\/products\/wp-plugins\/united-states\/us\/\">US Map plugin for WordPress<\/a> (Admin Panel\u2192 &#8216;Plugins&#8217; \u2192 &#8216;Add Plugins&#8217; \u2192 &#8216;Upload Plugin&#8217; \u2192 choose the archive with the plugin\u2192 &#8216;Install Now&#8217; \u2192 &#8216;Activate Plugin&#8217;).<br>In the left menu of the WordPress dashboard, the &#8216;USA Map&#8217; section will appear. Choose &#8216;Point Settings&#8217; to manage the points. To add a marker or a location, double click anywhere on the map, this will bring settings window; I; the &#8216;Name&#8217; field enter the point&#8217;s name; configure its type, size, color, position, and action after the click; add info to the &#8216;Tooltip&#8217;; click &#8216;Apply&#8217;.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2020\/05\/image6.png\" alt=\"Add new point\"\/><\/figure>\r\n\r\n\r\n\r\n<p>In the above example, added points are not the company&#8217;s physical locations; they represent the company&#8217;s dealer network that is scattered throughout the United States. Let&#8217;s agree that this is impressive, however, if points are placed as densely as in our example, you will face a new problem. When you hover the cursor on a state, you will notice that the tooltip for the state starts &#8220;blinking&#8221; (continuously appearing and disappearing).<\/p>\r\n\r\n\r\n\r\n<p>To fix this issue, it is necessary to make points invisible to the cursor.<\/p>\r\n\r\n\r\n\r\n<p><a name=\"03\"><\/a><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">How to add a user-defined CSS class for a point<\/h2>\r\n\r\n\r\n\r\n<p>The <a href=\"https:\/\/www.fla-shop.com\/products\/wp-plugins\/united-states\/us\/\">US map for WordPress plugin<\/a> allows you to add a user-defined CSS class for each point. This feature is used to manage the &#8216;hover state&#8217; for points. Appointing a unique CSS class to a point is possible while creating or editing it. The edit menu can be brought up by double-clicking any point on a map in the &#8216;Point settings&#8217; tab. To assign the CSS class, put its name in the appropriate field, and click the button &#8216;Apply&#8217;.<br>This, for instance, is how it looks adding the no-event class to Point 1 in edit mode:<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2020\/05\/image5.png\" alt=\"Adding a class to a point\"\/><\/figure><\/div>\r\n\r\n\r\n\r\n<p>After adding the CSS class to all points, it is necessary to add to a style file the theme properties of this class:<\/p>\r\n\r\n\r\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\r\n.no-event {pointer-events: none;}\r\n<\/pre><\/div>\r\n\r\n\r\n<p>This can be accomplished via a Customizer, via an internal theme editor, or an FTP.<\/p>\r\n\r\n\r\n\r\n<p><a name=\"04\"><\/a><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Modifying a Style File with the Help of a Customizer<\/h2>\r\n\r\n\r\n\r\n<p>To add user-defined CSS via a customizer, navigate to the visual settings mode of the site (Admin panel \u2192 &#8216;Appearance&#8217; \u2192 &#8216;Customize&#8217;); select &#8216;Additional CSS&#8217;; then paste the property of the class to the text box.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\r\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2020\/05\/image8.png\" alt=\"Additional CSS\" width=\"299\" height=\"610\"\/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2020\/05\/image7.png\" alt=\"CSS style\"\/><\/figure>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<p><a name=\"05\"><\/a><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">How to Modify Stylesheet with the Help of Theme Editor<\/h2>\r\n\r\n\r\n\r\n<p>To complete this operation via theme editor, open in the left menu of the admin panel &#8216;Appearance&#8217; tab and go to the &#8216;Theme Editor&#8217; tab. From the right list select &#8216;Stylesheet&#8217; and paste at the bottom of the file the following strings:<\/p>\r\n\r\n\r\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\r\n.no-event {\r\n pointer-events: none;\r\n }\r\n<\/pre><\/div>\r\n\r\n\r\n<p>Click &#8216;Update file&#8217;.<\/p>\r\n\r\n\r\n\r\n<p><br><img decoding=\"async\" style=\"max-width: 688px; width: 100%; border: #dfe9f3 solid 1px;\" src=\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2020\/05\/image2.png\" alt=\"Editing CSS file through WordPress editor\"><\/p>\r\n\r\n\r\n\r\n<p><a name=\"06\"><\/a><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">How to Modify CSS File via FTP<\/h2>\r\n\r\n\r\n\r\n<p>To modify files via FTP, establish a connection with a server and open theme style file for editing. It may be located in the root theme directory or the style folder (frequently named style, CSS, etc.). Paste strings with a class name and its properties at the bottom of the style table. Save the file.<\/p>\r\n\r\n\r\n\r\n<p>That&#8217;s all! Refresh the page and check the result. Don&#8217;t see the changes? Probably, your browser is picking up cache data. Press Ctrl+F5 in Windows, or Command+R in Mac, to reload the page. If this doesn&#8217;t help, clear the cache in all of the caching plugins and the browser settings.<br>You can read details about the properties of the &#8216;pointer-events&#8217; on <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/pointer-events\" target=\"_blank\" rel=\"noopener noreferrer\">developer.mozilla.org<\/a>.<\/p>\r\n\r\n\r\n\r\n<p><a name=\"07\"><\/a><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">How to Quickly Add a Class for a Set of Points<\/h2>\r\n\r\n\r\n\r\n<p>If you have added a couple of hundred points, then assigning a CSS class for each of them via the interface of the plugin could be a daunting task. There is a bulk edit option using the export and import of a CSV file with plugin settings which allows you to edit all of the points quickly.<br>Use tools on the &#8216;Tools&#8217; tab to export map settings to a CSV file.<\/p>\r\n\r\n\r\n\r\n<p><img decoding=\"async\" style=\"max-width: 688px; width: 100%; border: #dfe9f3 solid 1px;\" src=\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2020\/05\/image3.png\" alt=\"Adding style via CSV file\"><br>We suggest using the Google Sheets online editor to work with CSV files. In the formed spreadsheet, add the CSS class names in the &#8216;class&#8217; column.<\/p>\r\n\r\n\r\n\r\n<p>Save the edited file and use &#8216;Tools&#8217; to import the settings back to the site.<br>Before editing the CSV file, we suggest to fully backup the map settings. To do so, on the &#8216;Maps Dashboard&#8217; tab, select all the maps and export them to a JSON file.<\/p>\r\n\r\n\r\n\r\n<p><a name=\"08\"><\/a><\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\r\n\r\n\r\n\r\n<p>Fla-shop.com plugins for WordPress are a nice addition to a website. You can create an interactive infographic, sales territory maps, office location maps, etc. All of the options are available through a visual interface and do not require any coding. Also, for advanced web developers, useful instruments are available: the ability to use classes, adding custom JS codes, etc.<\/p>\r\n<\/div><\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-group article_sm_block\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\r\n<p class=\"has-text-align-center\"><a class=\"greenbutton\" href=\"https:\/\/www.fla-shop.com\/products\/wp-plugins\/united-states\/us\/\">Get try-for-free customizable US map for WordPress<\/a><\/p>\r\n<\/div><\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>This feature may be useful if you use the map as an interactive infographic with a set of points and markers. By default, the points and markers are always active \u2013 when you hover over the marker, the tooltip for the state disappears, and the marker\u2019s tooltip and name will appear. If you are using a large number of points, you may experience some tooltips disappearing.<\/p>\n","protected":false},"author":1,"featured_media":1342,"comment_status":"open","ping_status":"open","sticky":false,"template":"post1.php","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2],"tags":[],"class_list":["post-943","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Deactivating points on a map for WordPress with the help of CSS class<\/title>\n<meta name=\"description\" content=\"How to deactivate points on a map for WordPress using CSS class. There is an infographic with an interactive map, using a United States Map for WordPress plugin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Deactivating points on a map for WordPress with the help of CSS class\" \/>\n<meta property=\"og:description\" content=\"How to deactivate points on a map for WordPress using CSS class. There is an infographic with an interactive map, using a United States Map for WordPress plugin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Fla-Shop.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/flashopcom\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-08T16:20:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-04T17:37:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2020\/05\/css-for-points.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"315\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@flashop\" \/>\n<meta name=\"twitter:site\" content=\"@flashop\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#\\\/schema\\\/person\\\/16214725e757dd92d37dbfe3e2a5db1e\"},\"headline\":\"Using CSS Class to Deactivate Points on a Map for WordPress\",\"datePublished\":\"2020-05-08T16:20:46+00:00\",\"dateModified\":\"2022-10-04T17:37:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\\\/\"},\"wordCount\":1009,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/css-for-points.png\",\"articleSection\":[\"How-To\u2019s\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\\\/\",\"url\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\\\/\",\"name\":\"Deactivating points on a map for WordPress with the help of CSS class\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/css-for-points.png\",\"datePublished\":\"2020-05-08T16:20:46+00:00\",\"dateModified\":\"2022-10-04T17:37:24+00:00\",\"description\":\"How to deactivate points on a map for WordPress using CSS class. There is an infographic with an interactive map, using a United States Map for WordPress plugin.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/css-for-points.png\",\"contentUrl\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/css-for-points.png\",\"width\":600,\"height\":315,\"caption\":\"CSS Class to Deactivate Points on Map\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using CSS Class to Deactivate Points on a Map for WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/\",\"name\":\"Fla-Shop.com\",\"description\":\"Interactive Maps, HTML5, WordPress, Map Use-cases \u2013 Fla-shop.com blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#organization\",\"name\":\"Fla-shop.com\",\"url\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/fla-shop_twitter_logo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/fla-shop_twitter_logo.jpg\",\"width\":128,\"height\":128,\"caption\":\"Fla-shop.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/flashopcom\\\/\",\"https:\\\/\\\/x.com\\\/flashop\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/flashopcom\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.fla-shop.com\\\/blog\\\/#\\\/schema\\\/person\\\/16214725e757dd92d37dbfe3e2a5db1e\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g\",\"caption\":\"admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Deactivating points on a map for WordPress with the help of CSS class","description":"How to deactivate points on a map for WordPress using CSS class. There is an infographic with an interactive map, using a United States Map for WordPress plugin.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Deactivating points on a map for WordPress with the help of CSS class","og_description":"How to deactivate points on a map for WordPress using CSS class. There is an infographic with an interactive map, using a United States Map for WordPress plugin.","og_url":"https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/","og_site_name":"Fla-Shop.com","article_publisher":"https:\/\/www.facebook.com\/flashopcom\/","article_published_time":"2020-05-08T16:20:46+00:00","article_modified_time":"2022-10-04T17:37:24+00:00","og_image":[{"width":600,"height":315,"url":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2020\/05\/css-for-points.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@flashop","twitter_site":"@flashop","twitter_misc":{"Written by":"admin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/"},"author":{"name":"admin","@id":"https:\/\/www.fla-shop.com\/blog\/#\/schema\/person\/16214725e757dd92d37dbfe3e2a5db1e"},"headline":"Using CSS Class to Deactivate Points on a Map for WordPress","datePublished":"2020-05-08T16:20:46+00:00","dateModified":"2022-10-04T17:37:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/"},"wordCount":1009,"commentCount":0,"publisher":{"@id":"https:\/\/www.fla-shop.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2020\/05\/css-for-points.png","articleSection":["How-To\u2019s"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/","url":"https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/","name":"Deactivating points on a map for WordPress with the help of CSS class","isPartOf":{"@id":"https:\/\/www.fla-shop.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2020\/05\/css-for-points.png","datePublished":"2020-05-08T16:20:46+00:00","dateModified":"2022-10-04T17:37:24+00:00","description":"How to deactivate points on a map for WordPress using CSS class. There is an infographic with an interactive map, using a United States Map for WordPress plugin.","breadcrumb":{"@id":"https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/#primaryimage","url":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2020\/05\/css-for-points.png","contentUrl":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2020\/05\/css-for-points.png","width":600,"height":315,"caption":"CSS Class to Deactivate Points on Map"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fla-shop.com\/blog\/using-css-class-to-deactivate-points-on-a-map-for-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.fla-shop.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Using CSS Class to Deactivate Points on a Map for WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.fla-shop.com\/blog\/#website","url":"https:\/\/www.fla-shop.com\/blog\/","name":"Fla-Shop.com","description":"Interactive Maps, HTML5, WordPress, Map Use-cases \u2013 Fla-shop.com blog","publisher":{"@id":"https:\/\/www.fla-shop.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fla-shop.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.fla-shop.com\/blog\/#organization","name":"Fla-shop.com","url":"https:\/\/www.fla-shop.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fla-shop.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2017\/06\/fla-shop_twitter_logo.jpg","contentUrl":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2017\/06\/fla-shop_twitter_logo.jpg","width":128,"height":128,"caption":"Fla-shop.com"},"image":{"@id":"https:\/\/www.fla-shop.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/flashopcom\/","https:\/\/x.com\/flashop","https:\/\/www.youtube.com\/user\/flashopcom"]},{"@type":"Person","@id":"https:\/\/www.fla-shop.com\/blog\/#\/schema\/person\/16214725e757dd92d37dbfe3e2a5db1e","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g","caption":"admin"}}]}},"_links":{"self":[{"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/posts\/943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/comments?post=943"}],"version-history":[{"count":24,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/posts\/943\/revisions"}],"predecessor-version":[{"id":1643,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/posts\/943\/revisions\/1643"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/media\/1342"}],"wp:attachment":[{"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/media?parent=943"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/categories?post=943"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/tags?post=943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}