{"id":355,"date":"2025-05-21T07:33:36","date_gmt":"2025-05-21T07:33:36","guid":{"rendered":"https:\/\/documentation.iqonic.design\/frezka\/?p=355"},"modified":"2025-06-10T06:49:16","modified_gmt":"2025-06-10T06:49:16","slug":"customization","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/frezka\/customization\/","title":{"rendered":"Customization"},"content":{"rendered":"<div class=\"nolwrap\">\n<p>The Customization Settings page provides you with the flexibility to customize the styles of UI elements within your app, including colors, positions, and more. This enables you to create a visually appealing and cohesive user interface that reflects your desired aesthetic and enhances the overall user experience.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1590\" height=\"1198\" src=\"https:\/\/documentation.iqonic.design\/frezka\/wp-content\/uploads\/sites\/13\/2025\/05\/Customization1.png\" alt=\"\" class=\"wp-image-859\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Color Customization<a href=\"https:\/\/apps.iqonic.design\/documentation\/frezka-doc\/build\/docs\/user-guide\/settings\/customization#color-customization\" target=\"_blank\" rel=\"noopener\">\u200b<\/a><\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can choose from a variety of pre-defined color sets that best meet your requirements, allowing you to easily customize the visual appearance of your app.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"971\" height=\"100\" src=\"https:\/\/documentation.iqonic.design\/frezka\/wp-content\/uploads\/sites\/13\/2025\/05\/Customization2.png\" alt=\"\" class=\"wp-image-860\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In addition, you have the option to use custom colors by clickig the &#8220;Custom&#8221; button and utilizing the color picker to choose your desired primary and secondary color sets. This provides flexibility in tailoring the visual aesthetics of your app according to your preferences.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"977\" height=\"186\" src=\"https:\/\/documentation.iqonic.design\/frezka\/wp-content\/uploads\/sites\/13\/2025\/05\/Customization3.png\" alt=\"\" class=\"wp-image-861\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To revert back to the default colors after selecting your custom colors, simply click on the&nbsp;button next to the &#8220;Custom&#8221; button. This will reset all the colors to their original default settings, giving you the option to start anew or return to the original color scheme.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Navbar Style<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Customization settings provide the option to modify the navbar&#8217;s styles according to your preferences, allowing you to personalize its appearance.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1356\" height=\"58\" src=\"https:\/\/documentation.iqonic.design\/frezka\/wp-content\/uploads\/sites\/13\/2025\/05\/Customization4.png\" alt=\"\" class=\"wp-image-862\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To customize the navbar style, select the desired style option by clicking on the corresponding button provided in the customization settings.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1007\" height=\"160\" src=\"https:\/\/documentation.iqonic.design\/frezka\/wp-content\/uploads\/sites\/13\/2025\/05\/Customization5.png\" alt=\"\" class=\"wp-image-863\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You have the option to hide the navbar by toggling the corresponding switch in the customization settings.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"998\" height=\"57\" src=\"https:\/\/documentation.iqonic.design\/frezka\/wp-content\/uploads\/sites\/13\/2025\/05\/Customization6.png\" alt=\"\" class=\"wp-image-864\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Card Style<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You have the ability to modify the style of the cards by selecting from the available options.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1352\" height=\"615\" src=\"https:\/\/documentation.iqonic.design\/frezka\/wp-content\/uploads\/sites\/13\/2025\/05\/Customization7.png\" alt=\"\" class=\"wp-image-865\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Menu Color<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can customize the color of the sidebar (menu) by choosing from the provided styles.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"999\" height=\"144\" src=\"https:\/\/documentation.iqonic.design\/frezka\/wp-content\/uploads\/sites\/13\/2025\/05\/Customization8.png\" alt=\"\" class=\"wp-image-866\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Menu Style<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can customize the style of the sidebar (menu) by choosing from the provided styles.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"978\" height=\"90\" src=\"https:\/\/documentation.iqonic.design\/frezka\/wp-content\/uploads\/sites\/13\/2025\/05\/Customization9.png\" alt=\"\" class=\"wp-image-867\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Active Menu Style<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You have the ability to customize the style of active menu items in the sidebar by selecting your preferred option from the available choices.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"984\" height=\"147\" src=\"https:\/\/documentation.iqonic.design\/frezka\/wp-content\/uploads\/sites\/13\/2025\/05\/Customization10.png\" alt=\"\" class=\"wp-image-868\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You also have the option to hide the menu(sidebar) by toggling the corresponding switch.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"974\" height=\"71\" src=\"https:\/\/documentation.iqonic.design\/frezka\/wp-content\/uploads\/sites\/13\/2025\/05\/Customization11.png\" alt=\"\" class=\"wp-image-869\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Footer Style<a href=\"https:\/\/apps.iqonic.design\/documentation\/frezka-doc\/build\/docs\/user-guide\/settings\/customization#footer-style\" target=\"_blank\" rel=\"noopener\">\u200b<\/a><\/strong><\/h2>\n\n\n\n<p>You have the ability to modify the style of the footer by selecting from the available options provided.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"972\" height=\"90\" src=\"https:\/\/documentation.iqonic.design\/frezka\/wp-content\/uploads\/sites\/13\/2025\/05\/Customization12.png\" alt=\"\" class=\"wp-image-870\" \/><\/figure>\n\n\n\n<p><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>The Customization Settings page provides you with the flexibility to customize the styles of UI elements within your app, including colors, positions, and more. This enables you to create a visually appealing and cohesive user interface that reflects your desired aesthetic and enhances the overall user experience. Color Customization\u200b Navbar Style Card Style Menu Color [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":307,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-355","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"featured_image_src":null,"author_info":{"display_name":"laraveladminiq","author_link":"https:\/\/documentation.iqonic.design\/frezka\/author\/laraveladminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/posts\/355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/comments?post=355"}],"version-history":[{"count":4,"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/posts\/355\/revisions"}],"predecessor-version":[{"id":1042,"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/posts\/355\/revisions\/1042"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/posts\/307"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/media?parent=355"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/categories?post=355"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/frezka\/wp-json\/wp\/v2\/tags?post=355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}