Changing your logo, site title & favicon

Learn how to update your WordPress site's logo, display name, tagline, and the small icon that appears in browser tabs (the favicon).

Your logo, site title, and favicon are the most visible pieces of your brand on your website. When these need updating — a rebrand, a new logo, a corrected business name — WordPress makes it straightforward.

Quick summary

On classic themes, the logo, site title, tagline, and favicon (site icon) are all in one place: Appearance → Customize → Site Identity. On block themes, go to Appearance → Editor and choose Identity. Your site title, tagline, and site icon are also under Settings → General.

What you'll need

Administrator access to your WordPress site
Your logo file (a PNG with a transparent background works well; we suggest at least 300 px wide)
Your favicon file (a square image, at least 512 × 512 px; WordPress recommends PNG)

What is a favicon?

A favicon (short for "favorite icon") is the tiny icon that appears in your browser tab next to the page title. It also appears when someone bookmarks your site or saves it to their phone's home screen.

A good favicon is simple, square, and recognizable at a small size. Usually it's just your logo mark or initials — not the full logo with a tagline.

Changing your logo and favicon (classic themes)

Most classic themes use the WordPress Customizer for site identity settings.

Go to Appearance → Customize in your dashboard. The Customizer opens with a live preview of your site on the right.

Click "Site Identity." This section contains your logo, site title, tagline, and site icon (favicon). The logo option only appears if your theme supports a logo.

To change the logo: Click Select logo. Choose an existing image from your media library or upload a new one, then click Choose logo. WordPress may ask you to crop the image. Adjust the crop area and click Crop image, or click Skip cropping if that button appears.

To change the favicon (site icon): Scroll down to the "Site Icon" field. Click Select Site Icon and upload or choose a square image. WordPress will show a preview of how it looks in a browser tab.

Update your site title and tagline if needed (see below).

Click "Publish." Your changes go live immediately.

Changing your logo and favicon (block themes / Site Editor)

If your theme uses the WordPress Site Editor:

Go to Appearance → Editor in your dashboard.

Click Identity to change your site title, tagline, logo, and site icon in one place. Or, to edit the logo where it sits, click on your header in the canvas to select it.

Click the Site Logo block — this is the block that shows your logo. Click Replace in the block toolbar to swap in your new logo.

To update the favicon: Use the Site Icon field under Identity, or go to Settings → General → Site Icon. The Site Logo block also has a Use as site icon option in its settings, which makes your logo the favicon.

Click "Save" to apply your changes across the whole site. (Changes made under Settings → General are saved there with Save Changes instead.)

Changing your site title and tagline

Your site title is your business name. Most themes show it at the top of every page and in the browser tab, and it can appear in search results. The tagline is a short description shown in some theme designs.

Go to Settings → General in your dashboard.

Update the "Site Title" field with your correct business name.

Update the "Tagline" field. If you don't use a tagline, you can leave it blank. Sites set up on older WordPress versions may still have the old sample tagline, "Just another WordPress site"; delete it.

Click "Save Changes." The update applies immediately.

Site title also affects SEO

Your site title usually appears in browser tabs and can appear in search results. Make sure it matches your business name exactly. If your SEO plugin (like Yoast or Rank Math) has its own title settings, those may override what you set here. Ask us if you're unsure which takes precedence.

Logo file format tips

Choosing the right file format for your logo makes a big difference:

Format	Best use	Notes
PNG	Logos on colored or textured backgrounds	Supports transparent backgrounds
SVG	Crisp logos at any size	Stays sharp on all screen sizes — ask us to enable SVG uploads
JPEG	Avoid for logos	No transparency; edges look harsh
WebP	Good option, newer format	Broad browser support now

If your logo was designed by a professional, ask your designer for a PNG file with a transparent background (sometimes called "PNG on transparent" or "logo on clear background"). This prevents a white box appearing around your logo on colored headers.

Common questions

I uploaded my logo but it looks blurry. What's wrong?

Usually the image file is too small for the space it fills. As a rule of thumb, we suggest a logo at least 300–600 px wide. If you have a vector version of your logo (an .ai or .eps file from your designer), ask them to export a high-resolution PNG at 2x the display size. For the sharpest result at all screen sizes, ask us to enable SVG support.

My favicon isn't showing in the browser tab. When will it appear?

Favicon changes can take a while to appear — your browser caches the old icon. Try a hard refresh (see how to clear your cache & hard refresh for the shortcut in your browser). On mobile, it may take longer. If it still doesn't show after a day, contact us.

There are two logos — one in the header and one elsewhere. Which one do I update?

If your site was built with a page builder like Elementor, the visible logo in the header might be inside the page builder's header template rather than the Customizer logo setting. You may need to update both. Reach out and we'll identify exactly which ones need changing.

Can I have different logos on different pages?

By default, the same logo appears on every page. Custom per-page logos are possible with advanced theme settings or a plugin. Let us know what you have in mind.

My logo has a white background and looks out of place on my dark header. How do I fix it?

You need a version of your logo with a transparent background (PNG format). Ask your designer for this file. If you don't have a designer, we can often prepare it for you — just send us the logo file.

Need a hand?

If you're stuck, email support@chykalophia.com and we'll help. Include your website address and a screenshot if you can.