How do I apply css on specific blog template?

日本語 ディスカッション 技術的なQ＆A
1

I’ve been trying to apply specific css on specific blog template, but it doesn’t work.

I have a blog template called “beauty” (for example), and I want to apply css on h2 tag and h3 tag for blogs that use “beauty”.

I already made a css file called “beauty.css” and it contains css for h2 tag and h3 tag.

2

I’m not sure why you didn’t post it on overseas Shopify Community.

https://community.shopify.com/c/shopify-discussion/ct-p/shopify-discussion

But I try to explain it.

( I’m not good at English so my words might sound impolite to you. In that case, I hope that you forgive it.)

I think there can be 3 kinds of reason caused your situation.

  1. beauty.css is not requested by Browser for some reasons. For example, typo, mis-use liquid tag and so on.
  2. beauty.css is placed ahead of the original CSS contains h2 and h3 styles. (So, the original CSS is priority to yours.)
  3. Style code in beauty.css has something wrong.

I can’t check actual code or appearance so this is all I can say.

I’d appreciate it if this is of help.

(Q Tanabe)