How to Change Scroll To Top Icon Size in Kadence Theme
Do you want to change scroll to top icon size in Kadence Theme?
If yes then in this tutorial we have shared the step by step process using which you can do this easily.
First things first, Scroll to Top is a button that you must have seen on several sites, it appears as soon as you start scrolling down.
And on clicking, it takes you to the top.
Having this button on your site improves the navigation within a page or post if it is too long boosting the user experience.
In case you want to enable this button 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 icon size of Scroll to Top button in Kadence.
How to change Icon Size of Scroll to Top in Kadence
Before we learn more about this, it is important to know that Scroll to Top is a feature that is available is free version of Kadence Theme.
And with just a few clicks you can change its icon size.
Keeping this in mind, below are the steps.
Login to WordPress dashboard
To change icon size of Scroll to Top button in Kadence, 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- Here you will have to replace your-site.com with your domain name.
On the WordPress login page you need to enter your credentials and click Log In.
Visit Kadence Theme Customizer
Once you have successfully logged in, the next step is to navigate to the Kadence Theme customizer.
For this you will have to click Customize under Appearance in your WordPress dashboard sidebar.
Alternatively, if you are viewing any of the pages or posts then you can click Customize on the WordPress admin bar.
On clicking Customize, it will open the Customization menu of the Kadence Theme.
Locate Scroll to Top
Now, in the next step you need to find Scroll to Top in Kadence Theme customization menu.
For this you will have to click General and it will show you a few settings.
Here, below Images, you will find this Scroll to Top settings.
Change Scroll to Top Icon Size
Once you are done till here, the next step is to click Scroll to Top and it will show you all the settings if enabled.
Here below Scroll Up icon option you will find Icon Size setting.
You can change icon size of Scroll to Top button in Kadence using the slider or by adding value in box.
To change size units, you can click the option and a dropdown will appear that will allow you to select your preferred size unit.
In case you want to change scroll to top icon size according to different screen sizes then you select any of the devices in the responsive menu and make changes.
Once you are done making all the changes, the last step is to click Publish to Save.
Doing this will change icon size of scroll to top in Kadence Theme.
Scroll to Top Icon Settings in Kadence
After you are done changing size of Scroll to Top icon in Kadence Theme, there are a few settings that you will come across.
Below we have briefly touched on each.
Scroll Up Icon
If you are looking to change scroll to top icon in Kadence then this option is for you.
With just one click you can select a new icon.
Align
As the name suggests, using this option you can set the alignment of Scroll to Top icon in Kadence theme.
It has 2 options- Right and Left. You can choose one as per your requirement and it will place it on that side of the page.
Side Offset
With the help of this option, you can move scroll to top icon away from the side.
Bottom Offset
This option lets you move the scroll to top icon away from the bottom.
Visibility
Visibility allows you to select on which devices you want to display scroll to top icon.
Having said that,
Once you are done making changes, click Publish to save.
check if Icon size is changed in Kadence
Now that you are done making changes to icon size of Scroll to Top button in Kadence, the next step is to check if everything is working as expected.
For this, you need to visit a post or a page on your site and scroll down till the scroll to top button is visible.
See the below screenshots for reference
- Before changing scroll to top icon size in Kadence
- After changing scroll to top icon size in Kadence
As you can see, the icon size for scroll to top button has been successfully changed in Kadence Theme.
If you have liked what you have read and want to buy Kadence Theme then you can do so by clicking our SPECIAL LINK or the button below.
Kadence Theme Pricing
Now that you know how to change scroll to top icon size in Kadence, the next topic that we are going to discuss is the Kadence theme pricing and plans.
Kadence Theme has 4 plans and you can get it using our SPECIAL LINK
- Kadence Theme Pro- $59
- Essential Bundle- $129
- Full Bundle- $199
- Lifetime Full Bundle- $199
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.
Get Started with Kadence
Till now in this article we have discussed everything you need to about changing scroll to top icon size in Kadence Theme.
And in this section we will be discussing how can you buy Kadence Theme Pro.
For this, the first step in the process is to visit Kadence and then click Kadence Theme under pricing on the homepage
Doing this will take you to the Kadence theme landing page and here you will have to click Buy Pro.
On clicking Buy Pro, it will show you all the Kadence WP plans and here you will have to choose one as per your requirements.
Once done, it will take you to checkout page where you will have to create an account on Kadence and pay
And that it you have successfully bought Kadence Pro addon and the next step is to
- Download Kadence Pro
- Install Kadence Theme Pro
- Activate Kadence Theme Pro license
Having said that,
I hope you will find this tutorial helpful and are able to change scroll to top icon size in Kadence Theme.
In case you have any queries then feel free to get in touch.
To stay up to date with our content we recommend you subscribe to our YouTube channel and email list.
Also, don’t forget to join our Facebook group.