{"id":11351,"date":"2011-10-17T05:46:35","date_gmt":"2011-10-17T09:46:35","guid":{"rendered":"http:\/\/info.template-help.com\/?p=11351"},"modified":"2016-02-25T05:01:09","modified_gmt":"2016-02-25T10:01:09","slug":"html-how-to-change-text-style","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/html-how-to-change-text-style.html","title":{"rendered":"HTML. How to change text style"},"content":{"rendered":"<p>\r\n<p>The  following tutorial shows how to change the text style in any HTML based  template. The tutorial could be used for such template types as: Full Site, Full  Package, any static template, static version of any animated template (flash or  swish).  The text  styles are usually defined in the CSS files.<\/p>\r\n<p>The \u00a0most useful tool that can help you editing the  styles is a developer tool in your browser. You can learn more about the  Developer tools in any browser checking <a href=\"\/help\/developer-tools.html\">this article<\/a>.  Using the  browser developer tool you can check the styles for any element on the page. You  can even change the style directly in the developer tool to see how it will  look. Don\u2019t forget to perform the same changes in CSS files. <\/p>\r\n<p><a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/10\/full-site-change-text-style-1.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/10\/full-site-change-text-style-1-300x166.jpg\" alt=\"\" title=\"full-site-change-text-style-1\" width=\"300\" height=\"166\" class=\"aligncenter size-medium wp-image-11352\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/10\/full-site-change-text-style-1-300x166.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/10\/full-site-change-text-style-1-1024x569.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/10\/full-site-change-text-style-1.jpg 1265w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>CSS files  are usually located in the css folder. Open the css file using your HTML\/CS  editor like Adobe Dreamweaver, Notepad etc. You can use  the following styles to change the text look:<\/p>\r\n<ul class=\"font-list\">\r\n<li><strong>color<\/strong> &#8211; used to set the color of the text;<\/li>\r\n<li><strong>text-align<\/strong> &#8211; used to set the horizontal alignment of a  text; <\/li>\r\n<li><strong>text-decoration<\/strong> &#8211; used to  set or remove decorations from text <\/li>\r\n<li><strong>font-family<\/strong> \u2013 used  to set the font for the element <\/li>\r\n<li><strong>font-size<\/strong> \u2013 defines the  font size <\/li>\r\n<li><strong>font-style<\/strong> &#8211; used to  specify if text is normal, italic etc <\/li>\r\n<\/ul>\r\n<p>For example the menu item text style is defined with  the following properties:<\/p>\r\n<pre class=\"brush:css\">\r\n.sf-menu li.sfHover li a  {\r\n  color:#272727;\r\n  font-size:16px;\r\n  font-family:&quot;Trebuchet MS&quot;, Arial,  Helvetica, sans-serif;\r\n  text-align:left;\r\n  text-transform:none;\r\n  }\r\n<\/pre>\r\n<p>&nbsp;<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"\/help\/files\/full-site\/full-site-how-to-change-font-style.htm\" target=\"blank\">how to change Google Map location in WordPress<\/a><\/p>\r\n<p><\/p>\r\n<p><\/p>\r\n<p> <\/p>","protected":false},"excerpt":{"rendered":"<p>The following tutorial shows how to change the text style in any HTML based template. The tutorial could be used for such template types as: Full Site, Full Package, any static template, static version of any animated template (flash or swish). The text styles are usually defined in the CSS files. The \u00a0most useful tool [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":11353,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[735,736,745,754,741,755,756,253],"tags":[514,2411,517,1081],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/11351"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=11351"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/11351\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/11353"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=11351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=11351"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=11351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}