You can add a logo with the following CSS:
.site-title a {
background: url(http://example.org/image.png) 0 0 no-repeat;
text-indent: -15000px;
display: inline-block;
width: 300px;
height: 100px;
}
You’ll have to adjust the URL and the dimensions based on your logo. Re. color, you can also do it with CSS. Just take a look through the style.css file, it contains all the colors, which you can easily override in a child theme or with a Custom CSS plugin.
Good luck!
Doesn’t that over ride the text title? How do you put the title next to the logo?
If you want to keep both the text and add an image, use a positive text-indent or add padding and a larger width.
Do you replace this code with what is already there? Or do you just paste it beneath the header area or paste it in the style sheet. I have a child theme.If I do replace it where do I start the code?
If you have a child theme you should paste it anywhere below the @import statement in the child theme’s stylesheet.
Konstantin,
Love the semicolon theme! Just getting into today and redoing my http://www.DCLives.com website.
I tried using the CSS for adding a logo and just did that…I hate all the white space above and below the logo now.
What can I do to adjust? Thanks, Gary
