Header Logo size for Template 23

[gracekhlee]

I’m using template 23 for header and I’m trying to resize the logo size because it is too small.

I put CSS script as:

.custom-logo-bar a, .custom-logo-bar img {
width: 400% !important;
}

The logo is still too small. What is the correct CSS?

[friech]

Hi Grace,

Thank you for writing in, the 23 logo is relatively small, it’s natural dimension is only (84px by 64px) and (42px by 32px) when the retina display is enabled.

The Image element has the width option to adjust the width. Also, please adjust the height of the bar to accommodate the logo.

We can force to increase the width of the image by adding the custom CSS below on the image Element CSS area.

$el img {
  width:125px;
}

But this will make the image blurry, so it’s better to upload an image with appropriate dimensions.

Have a nice weekend,
Cheers!

[gracekhlee]

Ok, thanks. It works.

[friech]

You’re welcome, glad we could help.

Cheers!