The Scroll to Top Button option in Theme Options lets you add and style a floating “back to top” button that appears on every page and smoothly returns visitors to the top of the screen when clicked.
Location in Theme Options #
- Go to Rakmyat Dashboard → Theme Options → Scroll to Top Button.
- All settings for enabling and styling the button are available in this panel.
Enable Scroll to Top Button #
- Enable Scroll to Top Button
Turn this option on to display a scroll-to-top button across your site pages.
When enabled, the button appears after the user scrolls down and provides a quick way to jump back to the beginning of the page, improving UX on long content.
Styling Options #
These controls manage the visual appearance of the button so you can match it with your brand design:
- Button Background Color
Sets the main background color of the button.
Click Select Color to choose a custom color or set it to Transparent for no background fill. - Button Text Color
Defines the color of the icon or text inside the button.
Use this to ensure good contrast and readability over the background color. - Button Hover Background
Changes the background color when users hover over the button.
A distinct hover color provides clear feedback that the element is interactive. - Button Hover Text Color
Sets the icon/text color on hover.
Adjust this together with the hover background to maintain contrast and accessibility
Size and Position #
- Button Size (px)
Controls both width and height of the button in pixels, creating a square shape.
Increase the value for a larger, more prominent button, or decrease it for a more subtle appearance. - Button Position
Chooses which side of the viewport the button appears on:
After configuring these options, click Save Changes. Reload your site frontend and scroll down to verify that the scroll‑to‑top button appears and behaves according to your settings.
