I have a similar question - but looking for a thrid line break. Can anyone help me with the custom CSS required for that? I can't figure out how to use two different calls for :before...
Ideally my finished result would display on three lines as:
Canadian
Typography
Archive
Here's what I have (edited site title to read Archive, but am missing the third line solution).
.header-title-text a {
display: block1;
}
.header-title-text a:before {
content: 'Canadian Typography';
display: block;
}
Note: I was able to get the look I wanted by adding <br> between the three lines in the editor, and it displayed correctly until I hit save - and then added the <br> in the text directly (no longer hidden). So weird that it displayed correctly before hitting save...