Your sites Log in Sign up Menu

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.


3 years ago, 2 replies   Improve this question

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 3 years ago · Improve this answer

Nailed it. Worked perfect. Thank you.

Answered 3 years ago · Improve this answer