{"id":103,"date":"2020-01-28T09:49:03","date_gmt":"2020-01-28T09:49:03","guid":{"rendered":"https:\/\/www.oxilabdemos.com\/image-hover\/docs\/customization\/typography\/"},"modified":"2020-11-16T14:26:33","modified_gmt":"2020-11-16T14:26:33","slug":"typography","status":"publish","type":"docs","link":"https:\/\/www.oxilabdemos.com\/image-hover\/docs\/customization\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<h2 style=\"text-align: center;\">Typography<\/h2>\n<hr \/>\n<p><em>In this settings area, you can play with the text style, size, and colors. You can select the font-family, customize the heading, description, and bottom text style, color, size, position, and so on. Many things you can do with your content here. So let&#8217;s start&#8230;<\/em><\/p>\n<p>&nbsp;<\/p>\n<p>First, expand the Typography settings by clicking on the setting icon beside the Typography menu. <a href=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Typography.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2605\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Typography.gif\" alt=\"\" width=\"1189\" height=\"613\" \/><\/a><\/p>\n<p>Then you&#8217;ll find a bunch of typography options that are briefly discussed below:<\/p>\n<p>&nbsp;<\/p>\n<h3>1. Choose font-family<\/h3>\n<p>From this option, you can choose your preferred font based on the google font-family.<\/p>\n<ul>\n<li>Got to the option <strong>&#8220;Font-family&#8221;<\/strong><\/li>\n<li>Select your preferred font.<\/li>\n<\/ul>\n<h3><\/h3>\n<h3>2. Font Size<\/h3>\n<p>Here, by using this option, you can customize the Font Size of the texts for different dimensions.<\/p>\n<ul>\n<li>Go to the option &#8220;Size&#8221;<\/li>\n<li>Set a value for the size in 3 dimensions. You can set the value on PX, EM, REM, or VM version.<\/li>\n<\/ul>\n<h3><\/h3>\n<h3>3. Weight<\/h3>\n<p>This option is for customizing font-weight. You can customize the font-weight of the content Or you can select the weight in the default size or style.<\/p>\n<h3><a href=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Screenshot_3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2607\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Screenshot_3.png\" alt=\"\" width=\"1156\" height=\"611\" srcset=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Screenshot_3.png 1156w, https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Screenshot_3-300x159.png 300w, https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Screenshot_3-1024x541.png 1024w, https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Screenshot_3-768x406.png 768w\" sizes=\"auto, (max-width: 1156px) 100vw, 1156px\" \/><\/a><br \/>\n4. Transform<\/h3>\n<p>Transform the font to make text appear in all-uppercase or all-lowercase, or with each word capitalized. Or you can set this as default.<\/p>\n<p>&nbsp;<\/p>\n<h3>5. Decoration<\/h3>\n<p>Decorate the text by adding underline, overline, or line through. You can also select the None option when you don&#8217;t want to add any decoration to your texts, or simply select the default.<\/p>\n<p><a href=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Screenshot_4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2608\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Screenshot_4.png\" alt=\"\" width=\"1163\" height=\"619\" srcset=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Screenshot_4.png 1163w, https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Screenshot_4-300x160.png 300w, https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Screenshot_4-1024x545.png 1024w, https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Screenshot_4-768x409.png 768w\" sizes=\"auto, (max-width: 1163px) 100vw, 1163px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>6. Text Align<\/h3>\n<p>Set the title text-align either left, center, or right for different dimensions.<\/p>\n<p>&nbsp;<\/p>\n<h3>7. Line Height<\/h3>\n<p>Customize the exact line-height of your texts on the image hover for different dimensions. Here, you can set the value of the multiple line title or long description. You can set it on PX or EM version.<\/p>\n<p>&nbsp;<\/p>\n<h3>8. Letter Spacing<\/h3>\n<p>Not only line height you can control, but also you have full control over letter spacing. Here, using this option, you can set a value for the letter spacing in different dimensions.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #ff0000;\">Things to keep in mind<\/span><\/h2>\n<hr \/>\n<p>You should see the dynamic page load responsiveness of our plugin this far. You don&#8217;t need to reload the page to see such major changes in Preview. But the important thing is, you&#8217;ll need to save the changes to avoid unexpected data loss.<\/p>\n<p><strong>So, before manually Reload the page, make sure you Save the change!<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"featured_media":0,"parent":89,"menu_order":2,"template":"","doc_tag":[],"class_list":["post-103","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/docs\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":7,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/docs\/103\/revisions"}],"predecessor-version":[{"id":3529,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/docs\/103\/revisions\/3529"}],"up":[{"embeddable":true,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/docs\/89"}],"wp:attachment":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/media?parent=103"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/doc_tag?post=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}