How can I change the font on a logo area without affecting the whole website?

Store Design
1

Hi, I am working with this website teuto-sicherheit.de

The area where the logo should be I would like to change this font to a different font, but just this part without affecting all the website.

I am doing this instead of uploading an image because for some reason the image gets re sized, full view will show stretched and desktop will show constricted, is there a way to not have the logo image resized? I can not post it because it shows really ugly and we are using the website for a presentation so it has to be live.

Any thoughts will be appreciated, thanks

1 Like
2

@urbantis

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Thanks, the url is teuto-sicherheit.de

4

@urbantis

  1. Go to your store click on Actions > Edit Code

  2. Assets > style.css or style.css.liquid add below lines at the bottom of the file

.site-logo-wrap .site-logo {
    font-family: Arial;
}

Replace font-family value with your desired font name.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on shopify.dev.34@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

5

@urbantis

thanks URL. yes please try this code

  1. Go to your store click on Actions > Edit Code

  2. Assets > style.css or style.css.liquid add below lines at the bottom of the file

.site-logo-wrap .site-logo {font-family: var(--ltn__heading-font);}