{"id":2277,"date":"2026-10-20T08:29:35","date_gmt":"2026-10-20T07:29:35","guid":{"rendered":"https:\/\/wpgeodirectory.com\/documentation\/article\/where-to-put-custom-css\/"},"modified":"2026-10-20T08:52:44","modified_gmt":"2026-10-20T07:52:44","slug":"where-to-put-custom-css","status":"publish","type":"gd_place","link":"https:\/\/wpgeodirectory.com\/documentation\/article\/how-tos\/where-to-put-custom-css\/","title":{"rendered":"Where do I put custom CSS for GeoDirectory?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Add custom CSS for GeoDirectory in WordPress itself, at Appearance &gt; Customize &gt; Additional CSS. GeoDirectory v1 had its own custom CSS box under GeoDirectory &gt; Design &gt; Scripts, but that setting was removed in v2 and the WordPress box replaced it.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to Appearance &gt; Customize.<\/li>\n\n\n\n<li>Click Additional CSS.<\/li>\n\n\n\n<li>Paste your CSS and click Publish.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">CSS added there is saved with your theme, so you can see the change in the preview before you publish it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Block themes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Block themes such as our Directory theme do not show the Customize menu. Go to Appearance &gt; Editor &gt; Styles and open Additional CSS from the styles menu.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Other places<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A child theme&#8217;s style.css, if you already use a child theme.<\/li>\n\n\n\n<li>Most GeoDirectory blocks have a CSS class option in their advanced settings. Add your own class there and target it in your CSS, so the style only applies to that block.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For ready-made examples, see <a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/code-snippets\/geodirectory-frequently-asked-css-customizations\/\">GeoDirectory frequently asked CSS customizations<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add custom CSS for GeoDirectory in WordPress itself, at Appearance &gt; Customize &gt; Additional CSS. GeoDirectory v1 had its own custom CSS box under GeoDirectory &gt; Design &gt; Scripts, but that setting was removed in v2 and the WordPress box replaced it. CSS added there is saved with your theme, so you can see the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[],"article\/categories":[211,432],"class_list":["post-2277","gd_place","type-gd_place","status-publish","hentry","gd_placecategory-tips-tricks-more","gd_placecategory-how-tos"],"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/2277","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=2277"}],"version-history":[{"count":1,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/2277\/revisions"}],"predecessor-version":[{"id":2288,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/2277\/revisions\/2288"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/media?parent=2277"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=2277"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=2277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}