Logo and site identity - Verba

Header and footer

#Where the logo goes

Upload your logo once at AppearanceCustomizeVerba ThemeGeneral, on the Branding tab: Light Scheme and Dark Scheme. The header, the mobile menu, and the footer all use it unless you give them their own.

The header and footer don't read the Logo field WordPress shows under AppearanceCustomizeSite Identity. Upload the logo on the Branding tab instead.

The header can carry a different file. At AppearanceCustomizeVerba ThemeNavigation, on the Branding tab, set Logo Source to Use custom values. While it's on Use global values, the header fields stay empty because the header uses the global logo; nothing is broken. The footer has the same switch on the Branding tab of AppearanceCustomizeVerba ThemeFooter.

Set Logo Width explicitly. Your file can be any size, and the header height doesn't depend on it.

No logo file yet? Set Logo Type to Wordmark on the same Branding tab, and the header, mobile menu, and footer show your site name as text.

The Branding tab with Logo Type set to Wordmark, size Heading 4 and Show Tagline on, and the header preview showing the site name with its tagline under it
A wordmark with the tagline turned on.

What the logo says. Leave it empty to use your site title from SettingsGeneral.

Which heading size the text takes. It changes the size only, so it uses the fonts and weights you set for that heading level.

Adds your site tagline from SettingsGeneral under the name.

The text follows the color scheme by itself, so a wordmark needs no dark version. The header and footer each have their own Logo Type once their Logo Source is set to Use custom values, so you can keep an image logo in the header and a wordmark in the footer, or the other way round.

#Logos and color schemes

Every place takes a pair: one file for the light scheme and one for the dark, because a dark logo disappears on a dark background. If your logo is light or monochrome to begin with, upload it to Light Scheme only and it's used in both schemes.

The Branding tab with a dark logo under Light Scheme and a white logo under Dark Scheme
The global logo pair on the Branding tab.

The header has separate pairs for desktop, mobile, and the slide-out mobile menu. In a narrow header you usually want the mark without the wordmark, or it's either unreadable or pushes everything else out.

Use SVG, or PNG with a transparent background at twice the display size. A logo that looks soft on a high-density screen is the most common avoidable flaw on a new site.

With Logo Type on Image and no file uploaded, the header and footer show the Verba logo that comes with the theme. To show your own name instead, switch to Wordmark as described above.

#The site icon

The icon in the browser tab and on a phone's home screen is a standard WordPress feature. Set it at AppearanceCustomizeSite Identity, using a square image of at least 512 by 512 pixels.

Thumbnail Fallback on the same Branding tab decides what a card shows when a post has no featured image: no image slot at all, or a Thumbnail Placeholder Image you upload. It saves your listings from broken-looking cards on the day you forget one.

My logo looks blurry

The file is smaller than the space it's displayed in. Upload a version at twice the display width, or an SVG.

The dark logo shows in light mode

The two fields are swapped. The light scheme field holds the logo used on a light background, which is usually the darker file.

The header still shows the Verba logo

Logo Type is on Image and no file is uploaded. Upload your logo, or set Logo Type to Wordmark. If the header uses custom values, check the Branding tab under Navigation too.

Logo Width does nothing

Logo Width sizes image logos only. A wordmark takes its size from Wordmark Size.

Last updated

Was this article helpful?

FIND THE ONE THAT FITS YOUR PROJECT

Import a demo, swap the content, adjust the layout. Modern WordPress under the hood, fast even when the site fills up.