REA Back to Top
The REA Back to Top Widget allows your visitors to quickly navigate to the top of the page. It will help the user go to the top of the page without scrolling.
How to Activate REA Back to Top
To use this Responsive Elementor Addons element, simply search for it from the Search option under the ‘ELEMENTS’ tab. Afterwards, just Drag & Drop the ‘REA Back to Top’ into the ‘Drag widget here’ or the ‘+’ section.
After you have successfully activated the REA Back to Top widget, this is how it will show up on your site by default.
Content
Layout and Content
Appearance- From the dropdown menu you can select the appearance between Icon only, Text Only or Progress Indicator.
Icon- Upload your icon or choose from the elementor library
Button Text- Enter the text for the back-to-top button.
Alignment- Select between left, center, or right alignment
Settings
Offset Top- Enter the Offset Top value in px. If you click on the icon it will move to the top of the section after the value you have entered.
Show button on scroll- Use the toggle button to enable/disable the show button on scroll. If this feature is on then the button will be displayed only after the page is scrolled.
Style
Style settings when the layout is Icon Only/Text Only
Button Style
Typography- From the pencil icon, click to open the font option panel to choose the family, weight and transform and decoration.
Width(px)- Enter the width of the container of the icon.
Height(px)- Enter the height of the container of the icon.
Border Type- From the dropdown menu select between solid, double, dotted, dashed, or grooved
Width(Border)- Enter a chosen value in the fields.
Color(Border)- From the color picker, choose the background color for your border
Border Radius- Enter a chosen value in the fields
Normal/Hover- Choose the appearance of the icon button on normal and hover states
Color- From the color picker choose color of the icon and border
Background- From the color picker choose color of the background of the icon
Style settings when the layout is Progress Indicator
Button Size- Select the size of the button using the slider.
Line Foreground Color- Choose the color for the line foreground of the progress indicator.
Line Background Color- Choose the color for the line background of the progress indicator.
Last updated
