Changing to custom font within image-with-text section (Sense theme)

[LHNZ]

Hi all,

I am working within the Sense theme. I have added a custom font (mushin) and deployed it - it works well. However, it only works on my theme in css sections. I want to add an image-with-text section and have the heading (h2 specifically) to be in my mushin font.

Any ideas?

I have tried duplicating the image-with-text.liquid and image-with-text.css and adding the same code that worked for me in my base.css. That didn’t work.

I then tried the below in my base.css (also didn’t work):

.custom-image-with-text {
font-family: mushin;
}

Any ideas are appreciated!

[DitalTek]

Hi,

If it worked in one section, but when you added another, it’s not working, so the issue can be that you cannot access the element you want. To set the style of an element, you need to define it exactly.

In this case you can try this:

.custom-image-with-text h2 {
   font-family: mushin;
}

to easy for check, you can share the store’s url here and point to part you want to check like that community can easely to help.

[LHNZ]

Thanks for replying! It didn’t work…my store is currently password protected, but I can send you the link?

[DitalTek]

yes it’s ok, if so It will easy for to check.

[LHNZ]

Thank you! I have emailed you

[DitalTek]

Hi @LHNZ ,

I was checked your site and not found the font “mushin” exists in site. I don’t know what way do you add to font, but as like you add not success.

So when you style for text it not affect.