{"id":12607,"date":"2017-04-19T12:46:51","date_gmt":"2017-04-19T12:46:51","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=12607"},"modified":"2017-08-28T11:17:10","modified_gmt":"2017-08-28T11:17:10","slug":"to-top-button-options","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/theme-options\/to-top-button-options","title":{"rendered":"To top button options"},"content":{"rendered":"<h3>To top button options<\/h3>\n<h4>Here you can style the Back To Top button on the site.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13860\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/04\/to-top-size.png\" alt=\"\" width=\"978\" height=\"258\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/04\/to-top-size.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/04\/to-top-size-300x79.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/04\/to-top-size-768x203.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>To Top button font size<\/strong> &#8211; set the font size for the To top button on your site.<\/li>\n<li><strong>To Top button size<\/strong> &#8211;\u00a0set the size of the To top button. Note, you don&#8217;t have to type px in the input field.<\/li>\n<\/ul>\n<h5>Styling options<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13862\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/04\/to-top-styling.png\" alt=\"\" width=\"978\" height=\"560\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/04\/to-top-styling.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/04\/to-top-styling-300x172.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/04\/to-top-styling-768x440.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>To Top button icon color<\/strong> &#8211;\u00a0set the color for the To Top button icon.<\/li>\n<li><strong>To Top button\u00a0icon hover color<\/strong> &#8211;\u00a0set the color for the To Top button icon on hover.<\/li>\n<li><strong>To Top button background color<\/strong> &#8211;\u00a0set the background color for the To Top button.<\/li>\n<li><strong>To Top button background opacity<\/strong> &#8211;\u00a0set the opacity of the To Top button, where 1 &#8211; is transparent and 100 &#8211; opaque.<\/li>\n<li><strong>To Top button hover background color<\/strong> &#8211; set the To Top background color on hover.<\/li>\n<li><strong>To Top button hover background opacity<\/strong> &#8211; set the To Top button background opacity on hover, where 1 &#8211; is transparent and 100 &#8211; opaque.<\/li>\n<\/ul>\n<h5>Border settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13863\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/04\/to-top-border.png\" alt=\"\" width=\"978\" height=\"667\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/04\/to-top-border.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/04\/to-top-border-300x205.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/04\/to-top-border-768x524.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>To Top button border style<\/strong>\u00a0\u2013 select the button border style for back to top button. <strong>Solid<\/strong>, <strong>dashed<\/strong> and <strong>dotted<\/strong> styles are available.<\/li>\n<li><strong>To Top button border width<\/strong> &#8211; set the button border width for back to top button. The width should be added in px, don\u2019t include \u201cpx\u201d.<\/li>\n<li><strong>To Top button\u00a0border radius<\/strong> \u2013 set the button border radius for back to top button. The radius should be added in %, don\u2019t include \u201c%\u201d.<\/li>\n<li><strong>To Top button border color<\/strong>\u00a0\u2013 set the border color for back to top button.<\/li>\n<li><strong>To Top button background opacity<\/strong> &#8211;\u00a0set the opacity of the To Top button, where 1 &#8211; is transparent and 100 &#8211; opaque.<\/li>\n<li><strong>To Top button border color<\/strong>\u00a0<strong>on hover<\/strong> \u2013 set the border color for back to top button on hover.<\/li>\n<li><strong>To Top button background opacity on hover<\/strong> &#8211;\u00a0set the opacity of the To Top button on hover, where 1 &#8211; is transparent and 100 &#8211; opaque.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>To top button options Here you can style the Back To Top button on the site. To Top button font size &#8211; set the font size for the To top<\/p>\n","protected":false},"author":29,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[27,41],"_links":{"self":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/12607"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=12607"}],"version-history":[{"count":9,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/12607\/revisions"}],"predecessor-version":[{"id":13865,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/12607\/revisions\/13865"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=12607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=12607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=12607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}