Line break in header branding text

Site URL: https://gregorylassale.com

How would I go about inserting a line break between "Gregory Lassale" and "Translations" and have both horizontally centered? 

Thanks in advance.

Hi,

Step 1. Edit title to this

GREGORY LASSALE <br/>Translations

Step 2. When you're done, let me know. I will test JS code to make line break

4 hours ago, tuanphan said:

Hi,

Step 1. Edit title to this

GREGORY LASSALE <br/>Translations

Step 2. When you're done, let me know. I will test JS code to make line break

Done. Thanks!

13 hours ago, GregLassale said:

Done. Thanks!

Add to Last Line in Code Injection Footer

<script>
  $(document).ready(function(){
  $("a.Header-branding").each(function(){
    $(this).html($(this).text());
  });
});
</script>

Fantastic. Thanks a lot. One more question: how would I modify the script for the 2 lines to be horizontally centered?

Thanks again. 

Please disregard. I used CSS

Quote

a.Header-branding {
text-align: center;
}

I'd simply do that in a graphic program like Illustrator, Photoshop etc... and upload it as a regular logo as .png

 

Use the white one below the black (not visible here because white on white)

6 hours ago, ArminB said:

I'd simply do that in a graphic program like Illustrator, Photoshop etc... and upload it as a regular logo as .png
 

Hi there. I did think about going that route, but my branding animates on scroll (color change), which I'd like and would like to keep if possible. I guess a workaround could be to upload two PNGs of slightly different color and toggle them on hover, but that would necessitate even further customization that I don't know how to do. I will think about it.

@tuanphanThat said, I have a new issue: The <br/> tag is displayed on browser tabs. Any idea how to hide it?

Thanks. 

7 hours ago, ArminB said:

I have to say, I really the above as a logo design. How did you get the vertical bar and what Arial font weight did you use? It's lighter than the default on Affinity Designer. Thanks. 

4 hours ago, GregLassale said:

I have to say, I really the above as a logo design. How did you get the vertical bar and what Arial font weight did you use? It's lighter than the default on Affinity Designer. Thanks. 

Used Photoshop real quick >  the Font is "EFFRA Light" or so. You can also find some free fronts here: www.dafont.com

Please disregard question about hiding the BR tag. I used the following workaround instead:

<!--Edit Site Title in Browser Tab Start-->
 <script>
document.title = "Gregory Lassale Translations"
</script>
<!--Edit Site Title in Browser Tab End-->