How to Change Scroll To Top Icon in Kadence Theme
Do you want to change scroll to top icon in Kadence theme?
If yes then in this tutorial we have shared how can you do this easily.
First things first, scroll to top is a button that must have seen on several sites.
And as the name suggests, on clicking, it takes you to the top of the page.
This feature improves the navigation within a page and if it is too long then users can just click a button to reach the top rather then scrolling which results in better user experience.
Now, in case you are looking to activate this feature then you can follow our tutorial on how to add Scroll to Top in Kadence Theme.
And once done, you can use this step by step guide to change scroll to top icon in Kadence easily.
How to change Scroll to top in Kadence
Before we move forward, it is important to know that scroll to top is a feature that comes in the free Kadence Theme as well.
And with just one click you can change its icon.
Below are the steps
Login to WordPress dashboard
To change scroll to top icon in Kadence Theme, the first step is to login to your WordPress dashboard.
For this you need to visit https://your-site.com/wp-admin and it will take you to the login page.
Please note- Replace your-site.com with your domain name.
Here you need to add your credentials and click Log In.
Visit Kadence Theme Customizer
Once you are in the WordPress dashboard, the next step is to visit Kadence Theme customizer.
For this you need to navigate to Appearance in your WordPress dashboard sidebar and click Customize.
Alternatively, if you are viewing any of the page on your site then you can click Customize on the WordPress admin bar.
And it will take you to the Kadence Theme Customizer and will show you all the options.
Find Scroll to Top
In the next step, you will have to click the General tab in Kadence Theme Customizer.
And it will show you a few more Settings.
Here you will find Scroll to Top tab below Images.
Change Scroll to Top Icon
Assuming that you have this feature active, the next step is to change Scroll to Top icon in Kadence Theme.
For this you need to click and open Scroll to Top tab and it will show you all the options.
As you can see in the screenshot, Scroll Up settings are right on top and it gives you 4 options to choose from
- Up Arrow
- Down Arrow
- Chevron Up
- Chevron Down
Here you need to select an icon as per your requirements and then click Publish.
Doing this will change the Scroll to Top icon in Kadence Theme
Scroll to Top Icon Settings in Kadence Theme
After you are done changing the Scroll to top icon in Kadence, you will come across a few additional settings.
Below we have briefly touched on each
Icon Size
As the name suggests using this setting you will be able to change the size of Scroll to Top icon in Kadence
Align
Using this option, you will be able to change the alignment of Scroll to top icon in Kadence Theme.
In other words, you will be able to place it on the right or left side of the page.
Side Offset
Side Offset allows you to move the Scroll to top icon horizontally away from the side.
This option will come in handy, if the content and scroll to top are overlapping or icon is towards the extreme side.
Bottom Offset
Just like the side offset, Bottom Offset lets you move the icon vertically.
Again, this is an option that will come in handy if scroll to top needs to be moved up or is overlapping with the content.
Having said that,
Once you have made changes, click Publish to Save.
Check if Scroll to Top Icon is Changed in Kadence
Now that you are done changing the scroll to top icon, the next step is to check if everything is working as expected.
For this you will have to visit a page or post on your site and then scroll down till you see the Scroll to Top button.
Below are some screenshots for reference
- Before change
- After change
As you can see, the scroll to top icon has been successfully changed in Kadence Theme.
If you have liked what you have read and want to buy Kadence Theme Pro then you can click our SPECIAL LINK or the button below
Kadence Theme Pricing
Till now in this articles we have shared how can you change scroll to top icon in Kadence.
And the next topic we are going to discuss is the Kadence theme pricing and plans.
Kadence WP is home to popular WordPress themes and plugins and below we have shared its plans.
- Kadence Theme Pro- $59
- Essential Bundle- $129
- Full Bundle- $199
- Lifetime Full Bundle- $699
What’s included in Kadence Theme
- Unlimited sites
- One year of support & updates
- 30-day satisfaction guarantee
- Header Addons
- Hooked Elements
- Woocommerce Addon
- Ultimate Menu
- Custom Fonts
- Header/Footer Scripts
And more
What’s included in Kadence Essential Bundle
- Unlimited sites
- One year of support & updates
- 30-day satisfaction guarantee
- Kadence Blocks Pro
- Kadence Theme Pro
- Pro Starter Templates
- Kadence Custom Fonts
And more
What’s included in Kadence Full Bundle
- Unlimited sites
- One year of support & updates
- 30-day satisfaction guarantee
- Kadence Blocks Pro
- Kadence Theme Pro
- Pro Starter Templates
- Kadence Custom Fonts
- Kadence Cloud
- Kadence Conversions
- Kadence WooCommerce Shop Kit
- Child Theme Builder
- Kadence Recaptcha
- Access to all plugins
- Exclusive access to all future products
And more
What’s included in Kadence Full Lifetime Bundle
- Unlimited sites
- One time payment
- Lifetime of support & updates
- 30-day satisfaction guarantee
- Kadence Blocks Pro
- Kadence Theme Pro
- Pro Starter Templates
- Kadence Custom Fonts
- Kadence Cloud
- Kadence Conversions
- Kadence WooCommerce Shop Kit
- Child Theme Builder
- Kadence Recaptcha
- Access to all plugins
- Exclusive access to all future products
And more
Before we move forward, it is important to know that rather buying individual plugins or themes, we recommend you go for any of the Kadence WP bundles.
And if you can then buy Kadence Lifetime bundle as that is value for money.
Now that you are familiar with Kadence WP pricing and plans, the next step is to choose a plan as per your needs, create an account on Kadence and complete the payment process.
After you are done purchasing, you need to
- Download Kadence Pro
- Install Kadence Theme Pro
- Activate Kadence Pro license
Having said that,
I hope you will find this article helpful and are able to add Scroll to top in Kadence Theme.
In case you have any queries feel free to reach out.
To stay up to date with our content we recommend subscribing to our YouTube channel and email list.
Also, don’t forget to join our Facebook group.