Align blog title and subtitle with blog avatar

You're going to have to fiddle around with the CSS yourself on this.

I'd consider creating a new link element which is laid out to your tastes, using your own styles, and then replace the existing link. It should just slot into the Blog template's header without breaking.

Here's a proof of concept created from scratch which might give you some ideas. More generally, you're going to want to look into CSS layout. The example I have provided takes advantage of flexbox but there are many paths to the solution you want.

Ok, great. Thank you so much! I'll try this out and post back if I have any questions/face issues. Appreciate your help.

Sorry to bother you but I couldn't make this work as I'm don't know much about CSS and HTML stuff. Here is my entire header.html file. Can you please suggest the changes should I make to make it work for me. Thanks in advance!

Update: removed the header.html code - not required anymore

No. I can't help out with general HTML/CSS questions, you're going to have to take it from here.

Blot is an excellent way to pick up the basics of HTML and CSS so I hope that you persevere with your template changes. I provided some introductory resources in my previous answer and I'm always happy to guide you to other learning materials as well.

I hope you can understand that I prioritise making progress on tasks that benefit all of Blot's customers rather than providing open-ended development on a custom template.

Ok, no worries! - I understand. Sure, I will try to do it myself. Cheers.

Good news - fixed it myself! Just had to add "vertical-align" used -14px) to the blog title's span style and "line-height" (20px) to the subtitle. Both are added in header.html. Sharing for everyone's reference.