Blog

How did I change logo in Ajaira WordPress Theme?

The Ajaira WordPress theme is a nice and simple theme for blogging. I am using the same for publishing this blog too.
It is available for free from WordPress.org here: https://wordpress.org/themes/ajaira/

Adding a logo icon before the site title was tricky though as the title will only accept text.
So, here is what I had did;

First, I uploaded the logo to the media library.

Then, I copied the URL of the uploaded logo image from the right.

Went into Appearance -> Themes -> Customize -> Additional CSS and added this CSS.

.site-title a:before {
    content: "";
    background-image: url(https://animatedcreativity.com/wp-content/uploads/2020/08/animated-creativity-logo.png);
    width: 80px;
    height: 80px;
    position: absolute;
    background-size: cover;
    left: -90px;
    border-radius: 10px;
    top: -16px;
}

Hope it helps someone.
Cheers!

Leave a Reply

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