CSS tweaks to logo/website name
Hi! Loving Blot and delighted to be moving towards it as my main platform. I've just been doing some minor tweaks to the Diary template - increasing the size of the text in the navigation bar with a slight adjustment to opacity. (Also tweaked the blockquote right margin font size which was a bit teeny for my feeble eyes.)
I'd quite like to increase the size of the website name (and is it possible to add a small logo/image alongside the name?) as it is currently just a little smaller than H1 text. Any help appreciated - though I will understand if you re-direct me towards a developer as we're getting into custom template territory.
Hello! The source for the website name is in lines 2-7 of the Diary template's header.html file:
<a id="logo" href="/">
<!-- {{#avatar}}
<img class="avatar {{#roundAvatar}}rounded{{/roundAvatar}}" src="{{avatar}}" alt="{{title}}"/>
{{/avatar}} -->
<strong>{{title}}</strong>
</a>
You can add an image/logo if you remove the comments surrounding the {{#avatar}} ... {{/avatar}} block – it seems at one point I had included an image in the Diary template design.
You can increase the size of the website name like so:
...
<strong style="font-size:24px">{{title}}</strong>
...
Please let me know if you have any questions about this or anything else
Answered 4 years ago · Edit answer