{"id":849,"date":"2025-03-24T14:27:51","date_gmt":"2025-03-24T14:27:51","guid":{"rendered":"https:\/\/wpgeodirectory.com\/documentation\/article\/how-to-adjust-the-gd-search-bar-with-css\/"},"modified":"2025-04-03T15:24:11","modified_gmt":"2025-04-03T14:24:11","slug":"how-to-adjust-the-gd-search-bar-with-css","status":"publish","type":"gd_place","link":"https:\/\/wpgeodirectory.com\/documentation\/article\/advanced-search\/how-to-adjust-the-gd-search-bar-with-css\/","title":{"rendered":"How to Adjust the GD Search Bar with CSS"},"content":{"rendered":"\n<p>CSS snippet can be added to the WordPress Customizer, found at<\/p>\n\n\n\n<p>WP Admin &#8211; Appearance &#8211; Customizer &#8211; Additional CSS<\/p>\n\n\n\n<p>Target CSS to a specific page<\/p>\n\n\n\n<p>If you only want the CSS change to apply to a search bar on a specific page, you must add some targeting to the code.<br>You must check and get the actual ID of your page and substitute that for &#8217;42&#8217; in the CSS below.<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-css\">body.page-id-42 .my-select {display:none !important;}<\/code><\/pre>\n\n\n\n<p>Hide the Search For Keyword Field<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-css\">.gd-search-field-search.col-auto.flex-fill {display:none;}<\/code><\/pre>\n\n\n\n<p>Hide the Near Search Field<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-css\">\/* GDV2 \u2013 Hide only the Near search field in all search bars *\/\n.gd-search-field-near.col-auto.flex-fill {display:none !important;}<\/code><\/pre>\n\n\n\n<p>Hide Location Suggestions in the Near Field<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-css\">\/* GDV2 \u2013 Hide only the IN search recommendation *\/\n.geodir-listing-search ul.gdlmls-neighbourhood,\n.geodir-listing-search ul.gdlmls-city,\n.geodir-listing-search ul.gdlmls-region,\n.geodir-listing-search ul.gdlmls-country, \n.geodir-listing-search ul.gdlmls-near {\n    display: none !important;\n}<\/code><\/pre>\n\n\n\n<p>Hide the Category drop down<br>This will need additional targeting to make it apply to a specific page<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-css\">.gd-search-field-taxonomy.gd-search-field-categories.col-auto.flex-fill {display:none !important;}<\/code><\/pre>\n\n\n\n<p>Hide images from the search bar listing suggestions<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-css\">.gd-suggestions-dropdown .gdasac-icon {\n    display:none!important;\n}\n\n.gd-suggestions-dropdown .list-group-item-action {\n     padding-left: 10px!important;\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>CSS snippet can be added to the WordPress Customizer, found at WP Admin &#8211; Appearance &#8211; Customizer &#8211; Additional CSS Target CSS to a specific page If you only want the CSS change to apply to a search bar on a specific page, you must add some targeting to the code.You must check and get [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[678,679],"article\/categories":[213,400],"class_list":["post-849","gd_place","type-gd_place","status-publish","hentry","gd_place_tags-css-search","gd_place_tags-search-css","gd_placecategory-extensions-features","gd_placecategory-advanced-search"],"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/types\/gd_place"}],"author":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/comments?post=849"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/849\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/media?parent=849"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=849"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}