\t If you are a new user, AUI is activated by default (for GD versions 2.1 and higher). <\/p>\n<\/section>\n
\n\t For existing GD users, the legacy styles are retained and AUI is deactivated by default to avoid messing up your site design. You can manually switch to AUI as follows: \n<\/p>\n
- \n
- \n\t1\n\t<\/dt>\n
- \n\tHead to GD > Settings > General > Developer. <\/strong> <\/dd>\n
\t
![\"\"](\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-xahDB4KZCZ.png\")
<\/p>\n- \n\t2\n\t<\/dt>\n
- \n\tSelect Bootstrap <\/strong>in Default Design Style <\/strong>and save your settings. \n\t<\/dd>\n
\t
![\"\"](\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-J1tBmbUTMf-1024x517.png\")
<\/p>\n- \n\t3\n\t<\/dt>\n
- \n\tAUI is now active on your site. \n\t<\/dd>\n<\/dl>\n
AUI Color Settings <\/h2>\n
\n\t You can tweak the API color settings from the Customizer. \n<\/p>\n
- \n
- \n\t1\n\t<\/dt>\n
- \n\tNavigate to Appearance > Customize. <\/strong>Locate the AyeCode UI <\/strong>field. \n\t<\/dd>\n
\t
![\"\"](\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-42W7zkUPz2.png\")
<\/p>\n- \n\t2\n\t<\/dt>\n
- \n\tYou can adjust the Color Settings <\/strong>as per your wishes, and then save your changes. \n\t<\/dd>\n<\/dl>\n
\n\t
![\"\"](\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-LInQOummEX.png\")
\n<\/p>\nHow to Change the Font Size? <\/h2>\n
\n\t To change the HTML font size, head to Settings > AyeCode UI <\/strong>and then edit the Font Size accordingly: \n<\/p>\n
\n\t
![\"\"](\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-kY1yG5jQ1n.png\")
\n<\/p>\n\nHow to change the Bootstrap version?
\n<\/h2>\nWP Admin – Settings – AyeCode UI – Boostrap -> Choose your version here<\/strong> <\/p>\n
\n\t
![\"\"](\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-zvjsMSlciw.png\")
![\"\"](\"https:\/\/wpgeodirectory.com\/documentation\/wp-content\/uploads\/2025\/03\/file-W4I9cj8vEk.png\")
<\/p>\n","protected":false},"excerpt":{"rendered":"AUI for GeoDirectory AyeCode User Interface, or AUI, is an easy to use and nimble UI design based on the popular Bootstrap framework. AyeCode UI loads the bare minimum amount of CSS and JS, thereby providing better pagespeed results and an overall faster performance. More importantly, AUI offers a neat look across all browsers and […]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[458,459,460],"article\/categories":[208,395],"class_list":["post-687","gd_place","type-gd_place","status-publish","hentry","gd_place_tags-ayecode-ui","gd_place_tags-aui","gd_place_tags-gd-aui","gd_placecategory-getting-started","gd_placecategory-first-steps"],"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/687","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"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/comments?post=687"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/687\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/media?parent=687"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=687"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}