- Important Note -This functionality requires a subscription to Localist's Developer Theming package.If you do not see the option to Edit HTML or Custom CSS containers, please reach out to support@concept3d.com or your dedicated Client Success Manager to learn more! |
1. The example below is CST time zone
Navigate to Settings - Platform Settings
2. Click on APPEARANCE
3. Click on Edit HTML on the theme you want to edit
4. Navigate to SHARED AMOUNG MULTIPLE VIEWS. Click on _event_item
5. Copy element this HTML Snippet
<h3 class="em-card_title"><a href="{{ event_item.url }}">{% unless event_item.status == 'live' %}{{ site.snippets.event_status[event_item.status] }}: {% endunless %}{{ event_item.name }}</a></h3>
<p class="em-card_event-text">
{% if event_item.conference? %}
<span>{% event_time event_item order:"first_date" %} - {% event_time event_item order:"last_date" %}</span>
{% else %}
<span>{% event_time event_item order:"date,time,end" %}{% if event_item.start_time %} {% endif %}</span>
{% endif %}
</p>
6. Paste HTML Snippet
This snippet typically appears on Line 12 and ends on Line 19
Copy the HTML that starts with <h3 class="em-card_title">...........
and ends at </p>
7. Paste selected text into selected area
8. Click on Save Changes
9. Navigate to line 17 to enter your timezone. See example below
<h3 class="em-card_title"><a href="{{ event_item.url }}">{% unless event_item.status == 'live' %}{{ site.snippets.event_status[event_item.status] }}: {% endunless %}{{ event_item.name }}</a></h3> <p class="em-card_event-text"> {% if event_item.conference? %} <span>{% event_time event_item order:"first_date" %} - {% event_time event_item order:"last_date" %}</span> {% else %} <span>{% event_time event_item order:"date,time,end" %}{% if event_item.start_time %} CST {% endif %}</span> {% endif %} </p>