Adjusting fonts and logo issues in Atelier theme

Store Design
, , , ,
1

I had my site set up with headings in fonts that were perfect and after editing one of my menu link pages, it unexpectedly changed all the fonts on my front page. The Shopify live chat guy helped to recover most of it, but there are some fixes he was unable to retrieve that require more complex work. Like my headline fonts are still not quite right amongst other things.

3

Hey @asclack

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Also some screenshots for reference would be helpful. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

7

yes I am aware of all this, however having a lot of trouble trying to fix it myself as I am not a tech person at all. I was sent to this community page to get technical help to fix specific issues but I really need live guidance as I am struggling and getting very stressed. Who do I speak to who can help walk me through fixing this live? It is too complex for me.

8

Some fonts were restored, but a few headline fonts still need manual fixes that require more advanced adjustments.

10

Can you do the manual adjustments?

13

@asclack

This happens on Shopify very often

  • The font family is correct, but
  • font-weight, letter-spacing, or line-height is wrong
  • OR the heading is pulling from a different CSS selector (e.g. .heading, .title, .richtext h1 instead of h1)

How to properly fix it

Step 1: Identify the exact selector

Step 2: Re-apply font styles at theme level

In base.css / theme.css

h1, h2, h3 {
  font-family: 'YourFontName', sans-serif;
}

and for homepage-specific headings if needed

.banner__heading,
.hero__title {
  font-family: 'YourFontName', sans-serif;
  font-weight: 600;
}

Step 3: Lock it so it doesn’t change again

14

Hi, I am struggling with my front page logo. I want it to be different on the top landing page than other other pages. I uploaded the inverted logo but it won’t stay 2 different colours, it just changes them all to the same colour.

16

Hi, thank for this. I’m using Atelier