How can I change my blog title layout from one line to two?

Technical Q&A
1

This might be too much for me to do, but I would like try to alter the code to change the layout of the title of my blog on the home page to make the Blog name from one line to two.

If anyone is familiar, and its not too much trouble or time, I would love some advice and to try myself (if it is not to difficult).

I have a photo here. Thank you!

Blog TItle.png
Blog TItle.png1720×1039 384 KB

2

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

3

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

4

Hello @KarenWaka ,

Please replace Line No 12 to 18 with below code in Blog-template.liquid:

{% if current_tags %}
# {{blog.title | link_to:blog.url}}
###### {{ current_tags.first }}
{% else %}
# {{blog.title}}
{% endif %}

Add Below CSS in theme.css at the bottom line:

.blog_title
{
  font-size: 1.46667em;
  padding: 0;
  margin: 0;
}
.blog_tag{#0e2e88}
5

Thank you very much and I will give it a try!