{"id":2050,"date":"2019-01-01T11:37:43","date_gmt":"2019-01-01T11:37:43","guid":{"rendered":"http:\/\/www.softaculous.com\/blog\/?post_type=docs&#038;p=2050"},"modified":"2020-05-21T08:53:06","modified_gmt":"2020-05-21T08:53:06","slug":"custom-css","status":"publish","type":"docs","link":"https:\/\/www.softaculous.com\/blog\/docs\/developers\/extending-softaculous\/custom-css\/","title":{"rendered":"Custom CSS"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Overview<\/h3>\n\n\n\n<p>You can now create a custom style sheet in order to customize the UI of Softaculous Enduser Panel (For Eg. Changing the background color, text color, etc).<\/p>\n\n\n\n<p class=\"alert alert-info\"><strong>Note\u00a0<\/strong>: This has been added in Softaculous 4.7.9<\/p>\n\n\n\n<p>Steps for the same are as follows:<\/p>\n\n\n\n<p>1) Create a file named&nbsp;<strong>custom.css<\/strong>&nbsp;containing the CSS code for various elements present on Softaculous Enduser Panel which you would like to modify.<\/p>\n\n\n\n<p>2) Place this file at<\/p>\n\n\n\n<p class=\"bash hljs\">\u00a0<strong>\/path\/to\/your\/softaculous\/enduser\/themes\/default\/custom.css<\/strong><\/p>\n\n\n\n<p>3) Thats It!! You may now visit your Softaculous Panel and view the customization done by you.<\/p>\n","protected":false},"featured_media":0,"parent":1691,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","docs_category":[],"class_list":["post-2050","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs\/2050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/comments?post=2050"}],"version-history":[{"count":2,"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs\/2050\/revisions"}],"predecessor-version":[{"id":2839,"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs\/2050\/revisions\/2839"}],"up":[{"embeddable":true,"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs\/1691"}],"wp:attachment":[{"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/media?parent=2050"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs_category?post=2050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}