Noir : How to set up your logo

Noir uses two kinds of logos: a light one and a dark one. We use the light logo on pages that have a transparent or see-through header.

How to replace the main logo (dark)

Navigate to Appearance > Customize > Header

Under the General tab, click Logo

Click the Change Logo button, then add your own logo. If you want, you can change the maximum width of the logo.

How to replace the transparent header logo (light)

Go to Appearance > Customizer > Header

Scroll down until you see the ‘Transparent Header‘ tab, then click on it.

Find the ‘Enable Transparent Header‘ option and click on it to activate it. We’re not going to keep this setting on all the time because we don’t want to apply transparent header globally. We only apply transparent header on certain pages. However, we need to turn it on while we’re adjusting the settings.

If you wish to use the same logo for both the transparent header and the main logo, you can turn off the setting where it says ‘Different Logo for Transparent Header?‘. Otherwise, leave the setting on and click the Change image button to upload your own logo. You can leave the ‘Logo Max Width’ field blank and it will just use the same size as the main logo.

After you’re finished, scroll up to go back to the ‘Enable Transparent Header?‘ option and switch it off.

Don’t forget to hit the ‘Publish‘ button to save any changes you’ve made in the Customizer.