To top button options

Create and configure the stylish back to top button for your site

To top button options

Here you can style the Back To Top button on the site.

  • To Top button font size – set the font size for the To top button on your site.
  • To Top button size – set the size of the To top button. Note, you don’t have to type px in the input field.
Styling options

  • To Top button icon color – set the color for the To Top button icon.
  • To Top button icon hover color – set the color for the To Top button icon on hover.
  • To Top button background color – set the background color for the To Top button.
  • To Top button background opacity – set the opacity of the To Top button, where 1 – is transparent and 100 – opaque.
  • To Top button hover background color – set the To Top background color on hover.
  • To Top button hover background opacity – set the To Top button background opacity on hover, where 1 – is transparent and 100 – opaque.
Border settings

  • To Top button border style – select the button border style for back to top button. Solid, dashed and dotted styles are available.
  • To Top button border width – set the button border width for back to top button. The width should be added in px, don’t include “px”.
  • To Top button border radius – set the button border radius for back to top button. The radius should be added in %, don’t include “%”.
  • To Top button border color – set the border color for back to top button.
  • To Top button background opacity – set the opacity of the To Top button, where 1 – is transparent and 100 – opaque.
  • To Top button border color on hover – set the border color for back to top button on hover.
  • To Top button background opacity on hover – set the opacity of the To Top button on hover, where 1 – is transparent and 100 – opaque.
div#stuning-header .dfd-stuning-header-bg-container {background-image: url(https://rnbtheme.com/documentation/wp-content/uploads/2017/01/hands1.jpg);background-size: cover;background-position: center center;background-attachment: initial;background-repeat: no-repeat;}#stuning-header div.page-title-inner {min-height: 550px;}#main-content .dfd-content-wrap {margin: 0px;} #main-content .dfd-content-wrap > article {padding: 0px;}@media only screen and (min-width: 1101px) {#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars {padding: 0 0px;}#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars > #main-content > .dfd-content-wrap:first-child,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars > #main-content > .dfd-content-wrap:first-child {border-top: 0px solid transparent; border-bottom: 0px solid transparent;}#layout.dfd-portfolio-loop > .row.full-width #right-sidebar,#layout.dfd-gallery-loop > .row.full-width #right-sidebar {padding-top: 0px;padding-bottom: 0px;}#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars .sort-panel,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars .sort-panel {margin-left: -0px;margin-right: -0px;}}#layout .dfd-content-wrap.layout-side-image,#layout > .row.full-width .dfd-content-wrap.layout-side-image {margin-left: 0;margin-right: 0;}