{"id":1771,"date":"2015-08-10T17:23:56","date_gmt":"2015-08-10T17:23:56","guid":{"rendered":"http:\/\/cssreset.com\/?p=1771"},"modified":"2015-08-10T17:23:56","modified_gmt":"2015-08-10T17:23:56","slug":"using-css-reset-in-wordpress-themes","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/using-css-reset-in-wordpress-themes\/","title":{"rendered":"Using CSS Reset in WordPress Themes"},"content":{"rendered":"<p>When creating a new WordPress theme from scratch or incorporating an existing theme into your WordPress site, sometimes it helps to start with the basics.  And there is nothing more basic than the CSS Reset technique which aligns all your common elements to the same standards.  For example, if your color scheme involves having your links be red, then you&#8217;ll want to incorporate:<\/p>\n<pre>a { color: #ff0000 }<\/pre>\n<p>That basically says that any link on the website will be red, unless otherwise coded.  When users go to incorporate a custom theme into their WordPress site, it may seem obvious but many people forget to change the early reset code, and instead opt for changing things one by one. For instance, you may want your menu links to be bold, but you also want the rest of the links on the site to be bold.  Instead of going to each element one by one, just set:<\/p>\n<pre>a { font-weight: bold; }<\/pre>\n<p>Then, if you have certain links you want to be normal weight you can change them inidividually.<\/p>\n<p>If you are creating a WordPress theme from scratch make sure to incorporate strong reset scripts, including often times in <a href=\"http:\/\/www.cssnewbie.com\/build-a-bare-bones-wordpress-2-8-widget\/#.VcjdoPlVhBc\">custom widgets<\/a> as well as plug-ins. On top of <a href=\"http:\/\/www.learningjquery.com\/2015\/02\/latest-jquery-plugins-to-use-in-wordpress\">jQuery plugins<\/a>, reset scripts can align functionalities to a universal design standard. And then, users can choose to change them or not to change them. <\/p>\n<p>CSS Reset scripts are the very basics of what a theme needs, but forgetting it can wind you up with Times New Roman text or poorly managed spacing.  <\/p>\n<div class=\"wp-socializer wpsr-share-icons \" data-lg-action=\"show\" data-sm-action=\"show\" data-sm-width=\"768\" ><h3>Share and Enjoy !<\/h3><div class=\"wpsr-si-inner\"><div class=\"wpsr-counter wpsrc-sz-32px\" style=\"color:#000\"><span class=\"scount\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook,twitter,linkedin,pinterest,print,pdf\">0<\/span><\/span><small class=\"stext\">Shares<\/small><\/div><div class=\"socializer sr-popup sr-32px sr-circle sr-opacity sr-pad sr-count-1 sr-count-1\"><span class=\"sr-facebook\"><a rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/share.php?u=\" target=\"_blank\"  title=\"Share this on Facebook\"  style=\"color: #ffffff\" ><i class=\"fab fa-facebook-f\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-twitter\"><a rel=\"nofollow\" href=\"https:\/\/twitter.com\/intent\/tweet?text=%20-%20%20\" target=\"_blank\"  title=\"Tweet this !\"  style=\"color: #ffffff\" ><i class=\"fab fa-twitter\"><\/i><\/a><\/span>\n<span class=\"sr-linkedin\"><a rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=\" target=\"_blank\"  title=\"Add this to LinkedIn\"  style=\"color: #ffffff\" ><i class=\"fab fa-linkedin-in\"><\/i><\/a><\/span>\n<span class=\"sr-pinterest\"><a rel=\"nofollow\" href=\"https:\/\/www.pinterest.com\/pin\/create\/button\/?url=&amp;media=&amp;description=\" target=\"_blank\"  title=\"Submit this to Pinterest\"  style=\"color: #ffffff\" data-pin-custom=\"true\"><i class=\"fab fa-pinterest\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"pinterest\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-print\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Print this article \"  style=\"color: #ffffff\" ><i class=\"fa fa-print\"><\/i><\/a><\/span>\n<span class=\"sr-pdf\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Convert to PDF\"  style=\"color: #ffffff\" ><i class=\"fa fa-file-pdf\"><\/i><\/a><\/span><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>When creating a new WordPress theme from scratch or incorporating an existing theme into your WordPress site, sometimes it helps to start with the basics.  And there is nothing more basic than the CSS Reset technique which aligns all [&#8230;]<\/p>\n<p><a class=\"more-link article\" href=\"https:\/\/cssdeck.com\/blog\/using-css-reset-in-wordpress-themes\/\" title=\"Click to read 'Using CSS Reset in WordPress Themes'\">Read Article<\/a><\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"_links":{"self":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/1771"}],"collection":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/comments?post=1771"}],"version-history":[{"count":1,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/1771\/revisions"}],"predecessor-version":[{"id":1772,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/1771\/revisions\/1772"}],"wp:attachment":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media?parent=1771"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/categories?post=1771"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/tags?post=1771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}