javascript - How to add styling to element with liquid schema settings?

Solution:

This should work and without unecessary JS:

<p class="eventDate{% if section.settings.eventOver %} eventOver{% endif %}">
    {{ section.settings.date_picker | date: "%d-%m-%Y" }}
</p>

<style>
    .eventOver {text-decoration:line-through;}
</style>
Copy code

Please note about your JS code that it ain't be more than one unique ID per document which probably explains your issue.

Didn't find the answer?

Our community is visited by hundreds of Shopify development professionals every day. Ask your question and get a quick answer for free.