General – Kadence

Setting Up Your Favicon In Kadence

Estimated reading: 2 minutes 113 views

To configure a site favicon (also known as a site icon) using the Kadence theme in WordPress, follow these steps:

  1. Go to your WordPress Dashboard > Appearance > Customize > Site Identity.
  2. Under Site Icon, click Select Site Icon to choose your favicon image.
  3. If you already have a favicon in place, click Change Image instead to select a new image.
  4. The Site Icon (favicon) is what you see in browser tabs, bookmark bars, and within the WordPress mobile apps. For best results, it should be 512×512 pixels square.
  5. After uploading the favicon, WordPress will give you an option to crop the image. If your image is already the right size ie 512×512 px, you can skip cropping.
  6. Click Publish to save the changes.

NOTE: Your favicon will appear in the browser tab next to your site’s title once published.

For best practices, your favicon should ideally be 512×512 pixels for high resolution, PNG for transparency, and keep the design simple and easily recognizable.

To design a Favicon, we suggest using the image in your logo; both can be easily created in Canva or Create Vista.

NOTE: If some of these options are unavailable, you most likely do not have the Kadence Pro installed.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc

Setting Up Your Favicon In Kadence

Or copy link

CONTENTS

Join The Party For Fun Updates freebies & Big Discounts!

Add your name
Add your email

JoiN Glamsy Cloud! Free STUNNING Kadence Templates Included!

Start with 5 gorgeous Kadence blocks on us. Love them? Unlock ‘50 FREE FOREVER‘ that’s 50 more free blocks just for choosing any essential tool from our trusted fav stack!

Grab Your Free Templates

Terms Of Use FAQs

Payment FAQs

Order FAQs

Support FAQs

Popular Pre-Sales FAQs

Redesigning FAQs

Adding A Sticky Sidebar Using CSS

If you prefer using custom code to create a sticky sidebar, create or edit a pag

Scroll To Top Using Code Using CSS

First, add the button HTML somewhere on your webpage, ideally at the bottom of t

Choose Your Hosting

Like many people, we started our online journey with one of the big-name hosts—a

Start Here

Glamsy Designs is thrilled to introduce a new documentation system that makes ac

Frequently Asked Questions

Creating Sticky Sidebars Using CSS

We are covering three ways of creating sticky sidebars using Kadence, CSS code,

Chat Icon Close Icon
Review Your Cart
0
Add Coupon Code
Subtotal

 

Subscribe

×
Cancel