How To Change Scroll To Top Border Radius Astra Theme

YouTube video

The border radius of the ‘Scroll to Top’ button on your website can significantly influence its design and user interaction. Adjusting the border radius allows you to customize the button’s shape, making it either more rounded or more angular. This design aspect can help your ‘Scroll to Top’ button blend with your site’s overall aesthetic. If you’re using the Astra theme for WordPress, modifying the border radius of this button is a straightforward process. This guide will walk you through the steps to change the ‘Scroll to Top’ button border radius, enabling you to enhance its appearance according to your design preferences.

  1. Accessing WordPress Backend: Begin by logging into the backend of your WordPress site. This area is where you manage and customize your website’s settings and content.
  2. Navigating to Astra Settings: In the WordPress dashboard, locate ‘Astra’ in the left menu bar and click on it. This section contains the settings specific to the Astra theme.
  3. Entering Theme Customizer: Click on ‘Astra’, then select ‘Customizer’ or ‘Go to Customizer’. The Theme Customizer is a versatile tool for adjusting various elements of your theme’s design.
  4. Opening Global Settings: In the Customizer, click on the ‘Global’ option. These settings impact the overall layout and appearance of your site.
  5. Selecting Scroll To Top Options: Navigate to ‘Scroll To Top’ within the Global settings. This area allows you to manage the ‘Scroll to Top’ feature.
  6. Accessing Design Tab: Click on the ‘Design’ tab within the Scroll To Top settings. This tab contains design options for customizing the appearance of the ‘Scroll to Top’ button.
  7. Changing Border Radius: Look for the ‘Border Radius’ option. Here, you can adjust the radius of your ‘Scroll to Top’ button’s border. Increasing the value will make the button more rounded, while decreasing it will give it a sharper, more angular appearance.
  8. Publishing Your Changes: After setting the desired border radius for your ‘Scroll to Top’ button, click ‘Publish’ to save your changes and apply them to your website.

You’ve now successfully changed the border radius of the ‘Scroll to Top’ button on your Astra-themed WordPress site. This customization allows you to align the button’s shape with your site’s design style, whether you’re going for a sleek, modern look with sharp edges or a softer, more approachable feel with rounded corners. Remember, the key is to maintain consistency with your site’s overall design theme for a cohesive look.