No results found. Try again with different words?

Search must be at least 3 characters.

How to Change Favicon in Spectra One Theme

A favicon is a small icon that represents your website and is typically displayed in the browser’s address bar or next to the page title. In the Spectra One theme, you have the flexibility to customize your site favicon easily.

This guide will walk you through the process of changing the favicon using the site logo or a custom icon.

How to Use Site Logo as Favicon

You can use site logo as favicon by following these steps.

  • First, make sure you have Spectra One theme activated on the website.
  • Then, from the WordPress dashboard, navigate to Appearance > Editor.
  • In the editor, locate and edit the header template file of your theme.
  • Look for the site logo block that would be at the top of the page.
  • Click on the site logo block to find the option of using the site logo as a site icon.
  • Turn on the Use as site icon toggle button.
  • Save the changes.

Now, your site logo will be used as the favicon for your website.

Note

Please note that the “Use as site icon” option is available only with the Site Logo block, not the Image block.

How to Use a Custom Icon as a Favicon

You can use custom icon as favicon by following these steps.

  • First, go to your WordPress dashboard.
  • Navigate to Appearance > Editor.
  • In the editor, locate and edit the header template file of your theme.
  • Locate the Site Icon settings link under the site logo block settings.
  • Redirect to that link and upload the custom icon from the site identity section.
  • Once you upload the icon, save the changes.

Your website will now display the custom icon you specified as the favicon.

How to Access Site Icon Settings Directly

If you prefer to access the site icon settings directly, you can follow these steps:

  • Log in to your WordPress dashboard.
  • In your browser’s address bar, append the following link to your website URL:

/wp-admin/customize.php?autofocus[section]=title_tagline

For example:

http://yourwebsite.com/wp-admin/customize.php?autofocus[section]=title_tagline

Press Enter to go to the specific customization section.

  • Within the customization section, locate the **Site Icon** settings.
  • Upload a custom icon.
  • Save the changes.

Your favicon will now be updated according to your preferences.

Thus, by following these simple steps you can change the favicon in the Spectra One theme. Whether you choose to use the site logo or a custom icon, your website will now have a distinctive and personalized favicon.

If you encounter any issues or have further questions, feel free to reach out to leave a comment below.

Build Ultra High Performance
Websites, Without Coding

Whether you are a beginner, marketer, or professional, Spectra has the tools and resources you can rely on to succeed

Get Notified When Available

Note - You can purchase the Essential Toolkit now and easily upgrade to the Business Toolkit once it becomes available.

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Get your hands on Spectra Pro

Enter your name and email address to get access to Spectra Pro.