Adding logo to site name

Hello, @iantresman!

The “Site Identity” is as it says, just for the site identity (showing the site Favicon, site name, site Title and Tagline in the browser’s tab).

Unfortunately, in our theme, on the Header, you can only have the site name (text), or just logo, not both in the same time.

The solution for you is to merge your logo and site name into a single image using a photoshop or similar program, then use this image as a logo.

Regards

Thanks for the clarification. As a workaround, I edited the “Additional CSS” to add my logo as a background image:

.pull-left {background: url(“/wp-content/uploads/2017/11/logo-150×150.png”) no-repeat 0 0/64px 64px;width:320px}

.site-title {margin:0 0 0 60px!important}`

• This reply was modified 7 years, 4 months ago by iantresman.

Hi,
I still think that it is easier to do it in the way I explained to you in the previous post.

But, if you wish to do it by the Custom CSS,
First, remove the image logo in the Customizing ? Header ?Logo

then add this code:

.site-title a{

margin:0px 0px 0px 60px!important;

}

.site-title a::before{
content:url(https://s.gravatar.com/avatar/c6a0ac3e18f1cd8d0f1be4c2e3a4cfbd?s=32&d=identicon&r=PG);
background-repeat:no-repeat;
background-position:center;
padding-right:40px;
display:inline-block;
width:100px;
height:auto;
}

Change the URL and width/height per your wish.

Regards

Yes, creating a custom logo with the site name is probably easier, but I think less good for SEO purposes.

I’m having the same problem. It is very important for Accessibility purposes to have the logo and text in the header. the text inserted in the logo is not well interpreted by automatic readers

• This reply was modified 7 years, 3 months ago by grupomccac.

Hi,

Please, check the answer that I gave you in THIS post.

Regards