How to Change the WordPress Logo Size in Any Theme

How to Change the WordPress Logo Size in Any Theme

3 minutes read

Tutorials

This article will be a perfect guide for the beginners who wish to learn How to Change the WordPress Logo Size in Any Theme. And if you’re using a theme that doesn’t allow you to customize your logo size, this article will help you.

We’re going to get direct to it!

Methods to Change the WordPress Logo Size in Any Theme

Change the WordPress Logo Size Using CSS

Here’s how to adjust the logo size with CSS if you have tested the setup and your theme does not support it. If you follow my steps below, don’t worry, it’s fast.

CSS stands for Cascading Style Sheet. Basically, it’s a language that tells the browser on a website how to style various items.

To change the logo scale, let’s use CSS.

  • Anywhere in your browser, right-click and you will see something like ‘Inspect’ or ‘Inspect Feature’. Click on it
How to Change the WordPress Logo Size in Any Theme
  • Click on the element highlighter
  • Note the information of Image element
  • Now, Open the Theme Customizer
How to Change the WordPress Logo Size in Any Theme
  • Finally, add the following code by clicking on Additional CSS
How to Change the WordPress Logo Size in Any Theme

Here is the code you need:

.my-css-class img {
max-height: 65px !important;
}

Then end up replacing .my-css-class with a CSS class of your own that you find in the highlighter element.

My CSS class is .site-title-wrapper, as you can see in the above photo, but depending on the theme you are using, yours could be different.

You can see the logo shift in size after you’ve added the code. To get your logo’s ideal scale, you can change the max-height value.

Click the Publish button and you’re done!

Change the WordPress Logo Size Using Theme Settings

WordPress Themes are famous for providing flexibility and full access to users. You can easily change the WordPress Logo Size Using Theme Settings by just following the simple steps below:

  • Open the Customizer Settings
  • Now click on the Site Identity
  • Upload and Adjust your logo size from the slider
Methods to Change the WordPress Logo Size Using Theme Settings
  • Finally Click on the Publish

Sum Up

Congratulations, you have finally learned How to Change the WordPress Logo Size in Any Theme. Moreover, some of the visitors also asked us about How to Add Meta Tags in WordPress. Do check the dedicated article on this.

We accept any type of suggestions from the visitors because it always motivates us to improve. Feel free to comment below.

What do you think?

Leave a Reply

Your email address will not be published. Required fields are marked *

Fill out this field
Fill out this field
Please enter a valid email address.
You need to agree with the terms to proceed

Related Articles

Menu