{"id":524,"date":"2013-11-22T02:28:59","date_gmt":"2013-11-22T02:28:59","guid":{"rendered":"http:\/\/a1webdesignteam.com\/blog\/?p=524"},"modified":"2013-11-22T02:28:59","modified_gmt":"2013-11-22T02:28:59","slug":"create-new-wordpress-custom-css-plugin","status":"publish","type":"post","link":"https:\/\/a1webdesignteam.com\/blog\/create-new-wordpress-custom-css-plugin\/","title":{"rendered":"Create new WordPress Custom CSS Plugin"},"content":{"rendered":"<p>The WordPress Custom CSS plugin allows you to customize your WordPress site\u2019s appearance by enabling you to easily add custom CSS code without ever having to modify your theme or plugin files. This is perfect for adding custom CSS tweaks to your site.<\/p>\n<p>WP Custom CSS plugin has an interface which accepts CSS code via the WP admin dashboard and applies the CSS code to your site automatically.<\/p>\n<p>You will never have to modify the style-sheet file of your theme or a plugin and then re-apply them after an upgrade.<\/p>\n<div>\n<div>Specification<\/div>\n<div itemscope=\"\" itemtype=\"http:\/\/schema.org\/SoftwareApplication\">\n<div>\n<div>App Category<\/div>\n<div>WordPress Plugin<\/div>\n<div><\/div>\n<div>Software Name<\/div>\n<div>WordPress Custom CSS Plugin<\/div>\n<div><\/div>\n<div>Version<\/div>\n<div>1.1<\/div>\n<div><\/div>\n<div>Date Modified<\/div>\n<div>2013-9-24<\/div>\n<div><\/div>\n<div>Operating System<\/div>\n<div>WordPress 3.6<\/div>\n<div><\/div>\n<div>Requirements<\/div>\n<div>WordPress 3.0 or higher<\/div>\n<div><\/div>\n<div>Description<\/div>\n<div>Allows you to apply CSS tweaks to your site without having to modify your core theme or plugin code<\/div>\n<div><\/div>\n<div>Landing Page<\/div>\n<div><a itemprop=\"url\" href=\"http:\/\/www.tipsandtricks-hq.com\/wordpress-custom-css-plugin-6413\">http:\/\/www.tipsandtricks-hq.com\/wordpress-custom-css-plugin-6413<\/a><\/div>\n<div><\/div>\n<div>File Format<\/div>\n<div>application\/zip<\/div>\n<div><\/div>\n<div><\/div>\n<div>\n<div><a itemprop=\"downloadUrl\" href=\"http:\/\/www.tipsandtricks-hq.com\/wp-content\/uploads\/plugins\/utility-plugins-bundle\/wp-custom-css.zip\">Download<\/a><\/div>\n<\/div>\n<div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div><\/div>\n<h2>WP Custom CSS Plugin Installation<\/h2>\n<ul>\n<li>Go to the\u00a0<strong>Add New<\/strong>\u00a0plugins screen in your WordPress admin area<\/li>\n<li>Click the\u00a0<strong>upload<\/strong>\u00a0tab<\/li>\n<li>Browse for the plugin file (wp-custom-css.zip)<\/li>\n<li>Click\u00a0<strong>Install Now<\/strong>\u00a0and then\u00a0<strong>activate<\/strong>\u00a0the plugin<\/li>\n<\/ul>\n<h2>WP Custom CSS Plugin Usage<\/h2>\n<h3>Video Tutorial<\/h3>\n<p>&nbsp;<\/p>\n<h3>Written Instruction<\/h3>\n<p>1) After activating the plugin click on the Settings-&gt;Custom CSS menu link.<\/p>\n<p><img loading=\"lazy\" alt=\"wp-custom-css-plugin-settings\" src=\"http:\/\/www.tipsandtricks-hq.com\/wp-content\/uploads\/2013\/09\/wp-custom-css-plugin-settings.jpg\" width=\"198\" height=\"220\" \/><\/p>\n<p>2) Enter your custom CSS code in the text box on the main settings page and then click the \u201cSave CSS Code\u201d button.<\/p>\n<p><img loading=\"lazy\" alt=\"wp-custom-css-sample-code\" src=\"http:\/\/www.tipsandtricks-hq.com\/wp-content\/uploads\/2013\/09\/wp-custom-css-sample-code.jpg\" width=\"501\" height=\"299\" \/><\/p>\n<p>After saving your code the plugin will put it in a special CSS file and it will automatically include this CSS file inside the header area of your WordPress site.<\/p>\n<h2>Download Plugin<\/h2>\n<div>\n<p><a href=\"http:\/\/www.tipsandtricks-hq.com\/wp-content\/uploads\/plugins\/utility-plugins-bundle\/wp-custom-css.zip\">Download<\/a>\u00a0the Custom CSS Plugin.<\/p>\n<\/div>\n<div>\n<p>Check out our\u00a0<a href=\"http:\/\/www.tipsandtricks-hq.com\/development-center\">WordPress plugins page<\/a>\u00a0for more cool WordPress plugins.<\/p>\n<\/div>\n<p><a name=\"gfts_share\"><\/a><\/p>\n<div id=\"gfts_share_area\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The WordPress Custom CSS plugin allows you to customize your WordPress site\u2019s appearance by enabling you to easily add custom CSS code without ever having to modify your theme or plugin files. This is perfect for adding custom CSS tweaks to your site. WP Custom CSS plugin has an interface which accepts CSS code via [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"categories":[4],"tags":[],"_links":{"self":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/524"}],"collection":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/comments?post=524"}],"version-history":[{"count":0,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/524\/revisions"}],"wp:attachment":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/media?parent=524"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/categories?post=524"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/tags?post=524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}