{"id":1101,"date":"2016-03-08T07:06:47","date_gmt":"2016-03-08T13:06:47","guid":{"rendered":"https:\/\/weblizar.com\/?p=1101"},"modified":"2016-03-08T07:06:47","modified_gmt":"2016-03-08T13:06:47","slug":"add-custom-css-to-wordpress-themes","status":"publish","type":"post","link":"https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/","title":{"rendered":"Add custom CSS to WordPress Theme&#8217;s"},"content":{"rendered":"<p>Sometimes you may find yourself needing to add Custom CSS in your WordPress site. Then there is an easier way to add CSS on your site. In this article, we will show you how to add custom CSS to your WordPress site without editing any theme files.<\/p>\n<p>Customize any of WordPress Theme\/HTML using the below given Custom CSS trick.<\/p>\n<p><strong>Step-1<\/strong>: Open your WordPress theme.\u00a0Visit your site and right click on that content which you want to edit.<br \/>\nchoose option inspects element and follows this image.<br \/>\n<img decoding=\"async\" style=\"margin: 20px 0\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2016\/03\/step4.png\" alt=\"img\" \/><br \/>\n<strong>step-2<\/strong>: Now select element class that you want to edit and follow the image.<br \/>\n<img decoding=\"async\" style=\"margin: 20px 0\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2016\/03\/step42.png\" alt=\"img\" \/><br \/>\n<strong>Step-3<\/strong>: Copy class just like as show in previous image-: class attribute<br \/>\nexample .text .link {<br \/>\nbackground-color: #0098ff;<br \/>\n}<br \/>\n<strong>Step-4<\/strong>: Then open your Admin Dashboard.<br \/>\nAppearance &gt;&gt; theme option &gt;&gt; theme general settings &gt;&gt; custom css<br \/>\n<img decoding=\"async\" style=\"margin: 20px 0\" src=\"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2016\/03\/step-51.png\" alt=\"img\" \/><br \/>\n<strong>step-5<\/strong>: Paste CSS in custom CSS editor which you copied in step-3 and save option.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sometimes you may find yourself needing to add Custom CSS in your WordPress site. Then there is an easier way to add CSS on your site. In this article, we will show you how to add custom CSS to your WordPress site without editing any theme files. Customize any of WordPress Theme\/HTML using the below<\/p>\n","protected":false},"author":2,"featured_media":1222,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[20,24],"tags":[],"class_list":["post-1101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-themes","category-word-press"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Add custom CSS to WordPress Theme&#039;s<\/title>\n<meta name=\"description\" content=\"Customize any of WordPress Theme\/HTML using the below given Custom CSS trick. Add custom CSS to WordPress Theme&#039;s\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add custom CSS to WordPress Theme&#039;s\" \/>\n<meta property=\"og:description\" content=\"Customize any of WordPress Theme\/HTML using the below given Custom CSS trick. Add custom CSS to WordPress Theme&#039;s\" \/>\n<meta property=\"og:url\" content=\"https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/\" \/>\n<meta property=\"og:site_name\" content=\"Weblizar Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/weblizarwp\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-08T13:06:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/weblizar.com\/blog\/wp-content\/uploads\/2016\/03\/CSS1.png?fit=750%2C460&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"460\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Surabhi Shringi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@weblizar\" \/>\n<meta name=\"twitter:site\" content=\"@weblizar\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Surabhi Shringi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add custom CSS to WordPress Theme's","description":"Customize any of WordPress Theme\/HTML using the below given Custom CSS trick. Add custom CSS to WordPress Theme's","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/","og_locale":"en_US","og_type":"article","og_title":"Add custom CSS to WordPress Theme's","og_description":"Customize any of WordPress Theme\/HTML using the below given Custom CSS trick. Add custom CSS to WordPress Theme's","og_url":"https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/","og_site_name":"Weblizar Blog","article_publisher":"http:\/\/www.facebook.com\/weblizarwp","article_published_time":"2016-03-08T13:06:47+00:00","og_image":[{"width":750,"height":460,"url":"https:\/\/i0.wp.com\/weblizar.com\/blog\/wp-content\/uploads\/2016\/03\/CSS1.png?fit=750%2C460&ssl=1","type":"image\/png"}],"author":"Surabhi Shringi","twitter_card":"summary_large_image","twitter_creator":"@weblizar","twitter_site":"@weblizar","twitter_misc":{"Written by":"Surabhi Shringi","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/#article","isPartOf":{"@id":"https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/"},"author":{"name":"Surabhi Shringi","@id":"https:\/\/weblizar.com\/blog\/#\/schema\/person\/e4f45800c865f300baed78fc7436ff65"},"headline":"Add custom CSS to WordPress Theme&#8217;s","datePublished":"2016-03-08T13:06:47+00:00","mainEntityOfPage":{"@id":"https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/"},"wordCount":160,"commentCount":0,"image":{"@id":"https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/#primaryimage"},"thumbnailUrl":"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2016\/03\/CSS1.png","articleSection":["Themes","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/","url":"https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/","name":"Add custom CSS to WordPress Theme's","isPartOf":{"@id":"https:\/\/weblizar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/#primaryimage"},"image":{"@id":"https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/#primaryimage"},"thumbnailUrl":"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2016\/03\/CSS1.png","datePublished":"2016-03-08T13:06:47+00:00","author":{"@id":"https:\/\/weblizar.com\/blog\/#\/schema\/person\/e4f45800c865f300baed78fc7436ff65"},"description":"Customize any of WordPress Theme\/HTML using the below given Custom CSS trick. Add custom CSS to WordPress Theme's","breadcrumb":{"@id":"https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/#primaryimage","url":"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2016\/03\/CSS1.png","contentUrl":"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2016\/03\/CSS1.png","width":750,"height":460},{"@type":"BreadcrumbList","@id":"https:\/\/weblizar.com\/blog\/add-custom-css-to-wordpress-themes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/weblizar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Add custom CSS to WordPress Theme&#8217;s"}]},{"@type":"WebSite","@id":"https:\/\/weblizar.com\/blog\/#website","url":"https:\/\/weblizar.com\/blog\/","name":"Weblizar Blog","description":"Update yourself with all the latest tech news revolving around wordpress all at one place","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/weblizar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/weblizar.com\/blog\/#\/schema\/person\/e4f45800c865f300baed78fc7436ff65","name":"Surabhi Shringi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/29fe73e02d11025a835bd895f236f92e49f10221f7e8bb38da3784a69d4f4542?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/29fe73e02d11025a835bd895f236f92e49f10221f7e8bb38da3784a69d4f4542?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/29fe73e02d11025a835bd895f236f92e49f10221f7e8bb38da3784a69d4f4542?s=96&d=mm&r=g","caption":"Surabhi Shringi"}}]}},"_links":{"self":[{"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/posts\/1101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/comments?post=1101"}],"version-history":[{"count":0,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/posts\/1101\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/media\/1222"}],"wp:attachment":[{"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/media?parent=1101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/categories?post=1101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/tags?post=1101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}