How To Change The Logo In WordPress

Open your browser and go to `yoursite.com/wp-admin`. Enter your username and password to access the WordPress admin area. Once inside, you’ll see the main dashboard with the black navigation sidebar on the left.

If you’re already viewing your site while logged in, you can also click on the site name in the black admin bar at the top of the page to jump directly to the dashboard.

In the left sidebar, hover over Appearance and click Customize. This opens the WordPress Customizer — a live preview editor where you can adjust site-wide settings including your logo, colors, fonts, and header layout. Changes you make are reflected in real time in the preview panel on the right.

The Customizer works with most standard WordPress themes. If your theme doesn’t show a logo option here, check your theme’s documentation — some premium themes add their own logo settings under Appearance > Theme Options or a similar custom menu. If you’re using a page builder like Elementor to manage your header, see the note in the conclusion below.

In the Customizer’s left panel, click on Site Identity. This section controls your logo, site title, tagline, and site icon (the small favicon that appears in browser tabs).

If you don’t see a “Site Identity” option, your theme may organize it differently. Look for a “Header,” “Logo,” or “Branding” section in the panel. Some themes display the logo upload option directly in the main Customizer view without a separate section.

Click the Select logo button. This opens the WordPress Media Library.

If your logo is already uploaded, find it and click Select. If this is your first time, click the Upload Files tab, then drag your logo file into the upload area or click Select Files to browse your computer.

A few tips on logo format and size before you upload:

• Use PNG with a transparent background. PNG handles transparency, so your logo will look clean on any header color or background image rather than sitting in a white box.
• SVG is ideal for retina displays. If your theme supports SVG uploads, SVG logos scale perfectly at any screen resolution without any loss of quality. Most modern themes support this.
• Avoid JPEG for logos. JPEG doesn’t support transparency and tends to show compression artifacts around sharp edges and text.
• Keep the file under 200KB. A logo that’s too large adds unnecessary page weight, which slows down your site — especially on mobile.

After selecting your logo file, WordPress may ask whether you want to crop the image. If your logo is already the right proportions, click Skip Cropping. If there’s excess whitespace around the edges, use the crop tool to trim it down before confirming.

Before clicking the final Select button, fill in the Alt Text field with a short, descriptive label for your logo — for example, “YourBrand logo” or “CompanyName homepage.” Alt text helps screen readers describe the logo to visually impaired visitors and is a small accessibility requirement for most accessibility standards.

Once you click Select, the logo will appear in the Customizer preview on the right side of the screen. You can see exactly how it looks in context before making any changes live.

Take a moment to review the logo in the Customizer preview. Check that it looks the right size and that it sits cleanly in your header. If you want to adjust the logo dimensions, most themes include a Maximum Logo Width setting nearby in the Customizer — use this to scale the logo up or down without re-uploading.

When you’re happy with the result, click the blue Publish button at the top of the Customizer panel. Your logo goes live on the site immediately. Open your site in a new browser tab and check it at both desktop and mobile sizes to confirm the logo scales correctly and nothing looks cropped or misaligned.