Why isn't my custom CSS working with the Emerge theme?

Store Design
1

Hi there I’m using emerge theme. Here is their documentation. Link: https://support.troopthemes.com/guide/adding-css-editing-template-code/

But when I’m trying to add some custom CSS. it’s not working at all. See example: https://prnt.sc/6Qcpgw-LHeGp

So what is the solution for that?

2

Hi @akmdolar ,

I checked and the code you added in the Snippets folder is incorrect. And if you want to add custom CSS code, I don’t see why to add it at Snippets you need to add it at Assets.

Go to Assets and create the custom-styles.css.liquid file, refer:

Screenshot.png
Screenshot.png1202×322 34.1 KB

Go to layout > theme.liquid file and add code above the ‘’ tag:

Screenshot.png
Screenshot.png1028×299 23.9 KB

Code:

{{ 'custom-styles.css' | asset_url | stylesheet_tag }}

If you still want to add CSS directly in custom-styles.liquid file, you need to add tag around css code. Ex:

Hope it is clear to you.

3

Hi @akmdolar ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.