Adding js and css to custom html section on home page

Store Design
1

Hi!

I’ve added an html section to my home page. I want to add some js and css to this specific section of html. I am quite new to code so sorry if this is really basic!
Do I implement the js and css in the theme code, or in the html section itself?

Thanks!

1 Like
2

Hey there @dawidsnyders ,

You first need to learn CSS classes and ids. Then you can target any element from any section or page in your theme.css file. For JS you need to learn function call and event listeners to target an element behavior.

To add CSS in any file you can use {% stylesheet %} {% endstylesheet%}

For JS {% javascript %} {% endjavascript %}

For reference https://shopify.dev/docs/themes/sections#javascript-and-stylesheet-tags

Hope it makes sense