The site title and tagline define your site’s identity. The title serves as your site’s name, while the tagline briefly describes what it’s about. Their placement, usually in the top-left corner, can vary depending on your theme. To adjust layout settings, read the guide on customizing your navigation menu.
In this article, we’ll walk you through how to customize both the title and tagline to better match your brand or content.
Table of Contents
- How to Add a Custom Logo
- How to Customize Fonts
- How to Change Colors
- Add a Background Image to the Header
How to Add a Custom Logo
To add a custom logo to your site, head to Appearance > Customize > Site Identity. Under the Logo section, click Upload to choose an image from your media library or your device.
You can also define separate widths for desktop and mobile under Logo Width fields, allowing for a more responsive design.
Tips:
- For the best visual clarity, upload a logo that’s double the display size. If your theme displays the logo at 250px wide, upload it at 500px for sharper resolution.
- Use a transparent PNG if your logo has irregular edges or needs to blend smoothly into backgrounds.
- Remove excess padding in your image editor before uploading to avoid unwanted spacing.
Note: If you prefer text over an image, simply skip uploading a logo. The theme will automatically show your Site Title and Tagline from Settings > General.
How to Customize Fonts
- To change the Site Title font, go to:
Appearance > Customize > Global Style > Global Fonts > Site Title Font - To adjust the Tagline font, go to:
Appearance > Customize > Site Identity > Site Tagline Font
You can tweak size, weight, spacing, and even line height for a fully tailored look.
How to Change Colors
To set a specific color for the site title and tagline, go to:
Appearance > Customize > Site Identity > look for the Site Title Color and Tagline Color settings.
Add a Background Image to the Header
- Navigate to Appearance > Customize > Site Identity > Site Header Background Image
- Click Select Image to upload or select an image.
- Customize the display using options like:
- Background Repeat: Repeat horizontally, vertically, or not at all
- Background Position: Top center, bottom left, etc.
- Background Size: Cover, Contain, or Auto
- Background Attachment: Fixed or scroll
Tip:
Keep your header background subtle so it doesn’t overpower the logo and site title. Semi-transparent overlays or gradients can help maintain contrast and readability.