<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tricks and Tips - Documentation</title>
	<atom:link href="https://docs.myeventon.com/documentation/tricks-and-tips/feed/" rel="self" type="application/rss+xml" />
	<link>https://docs.myeventon.com</link>
	<description>EventON Documentation</description>
	<lastBuildDate>Sat, 04 Oct 2025 05:22:51 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>
	<item>
		<title>Various Creative Ways to Use Multi Data Types</title>
		<link>https://docs.myeventon.com/documentations/various-creative-ways-to-use-multi-data-types/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=various-creative-ways-to-use-multi-data-types</link>
		
		<dc:creator><![CDATA[Ashan Perera]]></dc:creator>
		<pubDate>Sat, 04 Oct 2025 04:56:56 +0000</pubDate>
				<guid isPermaLink="false">https://docs.myeventon.com/?post_type=document&#038;p=29612</guid>

					<description><![CDATA[<p>Introduction to Multi Data Types (MDT) Multi Data Types (MDT) in EventON is a powerful, built-in feature that allows event organizers to create reusable, customizable data sets using WordPress taxonomies. Think of MDT as a flexible system for storing and displaying structured information that can be assigned to multiple events without duplication. Out of the [&#8230;]</p>
<p>The post <a href="https://docs.myeventon.com/documentations/various-creative-ways-to-use-multi-data-types/">Various Creative Ways to Use Multi Data Types</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<h2 class="wp-block-heading">Introduction to Multi Data Types (MDT)</h2>



<p class="wp-block-paragraph"><a href="https://docs.myeventon.com/documentations/setup-use-multi-data-types/" title="How to setup &amp; use multi data types">Multi Data Types</a> (MDT) in EventON is a powerful, built-in feature that allows event organizers to create reusable, customizable data sets using WordPress taxonomies. Think of MDT as a flexible system for storing and displaying structured information that can be assigned to multiple events without duplication. Out of the box, you can activate up to 3 MDT types (expandable via filters if needed), each with a name, description, optional image, and up to 3 additional custom fields (text-based by default).</p>



<p class="wp-block-paragraph">The beauty of MDT is its simplicity—no coding or addons required! Configure everything through EventON&#8217;s settings panel (under EventON > Settings > Categories). Rename MDT types (e.g., &#8220;MDT 1&#8221; to &#8220;Sponsors&#8221;), enable images or extra fields, and assign them to events via the event edit screen. On the frontend, MDT data appears in event cards as styled sections with headings, subtitles, images, and details.</p>



<p class="wp-block-paragraph">MDT promotes data reuse: Create a sponsor profile once, update it centrally, and it reflects across all assigned events. This opens doors to creative event management, enhancing organization, engagement, and professionalism without extra tools.</p>



<h2 class="wp-block-heading">Creative Ways to Use MDT</h2>



<p class="wp-block-paragraph">Here are various practical and innovative applications for MDT. Each example includes setup steps and benefits, showing how event organizers can adapt it to their needs.</p>



<h3 class="wp-block-heading">1. <strong>Event Sponsors</strong></h3>



<ul class="wp-block-list">
<li><strong>Creative Use</strong>: Display sponsor tiers (e.g., Gold, Silver) with logos, bios, and links. Reuse profiles for annual events or series.</li>



<li><strong>How to Set Up</strong>:
<ol class="wp-block-list">
<li>In EventON Settings > Multi Data Types, enable MDT 1 and rename it to &#8220;Sponsors&#8221;.</li>



<li>Enable the image field for logos.</li>



<li>Add additional fields: Field 1 as &#8220;Sponsorship Level&#8221; (text for &#8220;Gold/Silver&#8221;), Field 2 as &#8220;Website URL&#8221; (text for links), Field 3 as &#8220;Contact Email&#8221;.</li>



<li>In the Sponsors taxonomy screen (Events > Sponsors), add terms like &#8220;Company X&#8221; with a description (bio), image (logo), and fill the fields.</li>



<li>In an event&#8217;s edit screen, assign sponsors via the MDT metabox and add a subtitle like &#8220;Our Valued Partners&#8221;.</li>
</ol>
</li>



<li><strong>Benefits</strong>: Professional sponsor acknowledgments in event pages; easy to update levels or details site-wide. No need for separate plugins—frontend shows a grid with logos and links.</li>
</ul>



<h3 class="wp-block-heading">2. <strong>Event Vendors or Exhibitors</strong></h3>



<ul class="wp-block-list">
<li><strong>Creative Use</strong>: For markets, expos, or trade shows, list vendors with booth details, products, and contacts. Reuse for recurring fairs.</li>



<li><strong>How to Set Up</strong>:
<ol class="wp-block-list">
<li>Enable MDT 2 and rename to &#8220;Vendors&#8221;.</li>



<li>Enable images for vendor logos or booth photos.</li>



<li>Add fields: Field 1 as &#8220;Booth Number&#8221; (text), Field 2 as &#8220;Products/Services&#8221; (text), Field 3 as &#8220;Website&#8221;.</li>



<li>Add vendor terms in the taxonomy screen with descriptions and fields.</li>



<li>Assign to events and use a subtitle like &#8220;Meet Our Vendors&#8221;.</li>
</ol>
</li>



<li><strong>Benefits</strong>: Creates interactive vendor directories in event cards; central updates save time for multi-vendor events. Ideal for filtering or searching vendors without custom code.</li>
</ul>



<h3 class="wp-block-heading">3. <strong>Speakers or Performers</strong></h3>



<ul class="wp-block-list">
<li><strong>Creative Use</strong>: Profile speakers for conferences or performers for festivals, with bios, headshots, and social links. Reuse for speaker series.</li>



<li><strong>How to Set Up</strong>:
<ol class="wp-block-list">
<li>Enable MDT 3 and rename to &#8220;Speakers&#8221;.</li>



<li>Enable images for headshots.</li>



<li>Add fields: Field 1 as &#8220;Expertise/Topic&#8221; (text), Field 2 as &#8220;Twitter Handle&#8221; (text), Field 3 as &#8220;LinkedIn URL&#8221;.</li>



<li>Create speaker terms with bios in the description.</li>



<li>Assign to events with a subtitle like &#8220;Featured Speakers&#8221;.</li>
</ol>
</li>



<li><strong>Benefits</strong>: Engaging speaker grids on event pages; easy to manage recurring speakers. Enhances attendee interest without needing a separate speaker plugin.</li>



<li><strong>Extensions to this</strong>: <a href="https://www.myeventon.com/addons/speakers-schedule/" title="">EventON Speakers &amp; Schedule Addon</a>.</li>
</ul>



<h3 class="wp-block-heading">4. <strong>Event Goals or Objectives</strong></h3>



<ul class="wp-block-list">
<li><strong>Creative Use</strong>: Outline event goals (e.g., &#8220;Raise Awareness&#8221;, &#8220;Fundraise $10K&#8221;) with descriptions and icons/images. Reuse for similar campaigns.</li>



<li><strong>How to Set Up</strong>:
<ol class="wp-block-list">
<li>Enable an MDT and rename to &#8220;Event Goals&#8221;.</li>



<li>Enable images for icons (e.g., checkmarks or targets).</li>



<li>Add fields: Field 1 as &#8220;Target Metric&#8221; (text, e.g., &#8220;Attendance Goal&#8221;), Field 2 as &#8220;Progress Update&#8221; (text).</li>



<li>Add goal terms with motivational descriptions.</li>



<li>Assign to events with a subtitle like &#8220;What We&#8217;re Aiming For&#8221;.</li>
</ol>
</li>



<li><strong>Benefits</strong>: Motivates attendees by visualizing objectives; tracks progress across events. Perfect for nonprofits or educational events without extra tools.</li>
</ul>



<h3 class="wp-block-heading">5. <strong>Partners or Collaborators</strong></h3>



<ul class="wp-block-list">
<li><strong>Creative Use</strong>: Highlight media partners or co-organizers with logos and roles. Reuse for networked events.</li>



<li><strong>How to Set Up</strong>:
<ol class="wp-block-list">
<li>Rename an MDT to &#8220;Partners&#8221;.</li>



<li>Enable images for logos.</li>



<li>Add fields: Field 1 as &#8220;Partnership Role&#8221; (text, e.g., &#8220;Media Sponsor&#8221;), Field 2 as &#8220;Contact&#8221;.</li>



<li>Create partner terms and assign to events.</li>



<li>Use a subtitle like &#8220;In Collaboration With&#8221;.</li>
</ol>
</li>



<li><strong>Benefits</strong>: Builds credibility with partnership displays; easy for joint ventures.</li>
</ul>



<h3 class="wp-block-heading">6. <strong>Volunteers or Staff Roles</strong></h3>



<ul class="wp-block-list">
<li><strong>Creative Use</strong>: Profile key volunteers or staff with responsibilities and photos. Reuse for team-based events.</li>



<li><strong>How to Set Up</strong>:
<ol class="wp-block-list">
<li>Rename MDT to &#8220;Team Members&#8221;.</li>



<li>Enable images for photos.</li>



<li>Add fields: Field 1 as &#8220;Role&#8221; (text), Field 2 as &#8220;Contact&#8221;.</li>



<li>Add terms and assign with a subtitle like &#8220;Our Dedicated Team&#8221;.</li>
</ol>
</li>



<li><strong>Benefits</strong>: Humanizes events; internal use for coordination.</li>
</ul>



<h3 class="wp-block-heading">7. <strong>Equipment or Resources</strong></h3>



<ul class="wp-block-list">
<li><strong>Creative Use</strong>: List reusable resources (e.g., &#8220;AV Equipment&#8221;) with specs. For venue managers.</li>



<li><strong>How to Set Up</strong>:
<ol class="wp-block-list">
<li>Rename MDT to &#8220;Resources&#8221;.</li>



<li>Enable images for photos.</li>



<li>Add fields: Field 1 as &#8220;Availability&#8221; (text), Field 2 as &#8220;Specs&#8221;.</li>



<li>Assign to events with a subtitle like &#8220;Available Equipment&#8221;.</li>
</ol>
</li>



<li><strong>Benefits</strong>: Streamlines logistics without inventory plugins.</li>
</ul>



<h3 class="wp-block-heading">8. <strong>Accessibility Features</strong></h3>



<ul class="wp-block-list">
<li><strong>Creative Use</strong>: Detail features like &#8220;ASL Interpretation&#8221; with descriptions. Reuse for inclusive events.</li>



<li><strong>How to Set Up</strong>:
<ol class="wp-block-list">
<li>Rename MDT to &#8220;Accessibility&#8221;.</li>



<li>Enable images for icons.</li>



<li>Add fields: Field 1 as &#8220;Details&#8221; (text).</li>



<li>Assign with a subtitle like &#8220;Making Events Inclusive&#8221;.</li>
</ol>
</li>



<li><strong>Benefits</strong>: Promotes accessibility compliance easily.</li>
</ul>



<h2 class="wp-block-heading">Tips for Maximizing MDT</h2>



<ul class="wp-block-list">
<li><strong>Customization Without Code</strong>: Use EventON&#8217;s language settings to translate labels; style via CSS for unique looks.</li>



<li><strong>Reusability</strong>: Update a term once—it changes everywhere. Great for multi-event sites.</li>



<li><strong>Frontend Integration</strong>: MDT integrate smoothly with Event page and eventCard.</li>



<li><strong>Expansion Ideas</strong>: If you outgrow 3 MDTs/fields, <a href="https://docs.myeventon.com/documentations/setup-use-multi-data-types/" title="How to setup &amp; use multi data types">simple filters</a> (no coding needed) can increase limits.</li>
</ul>



<p class="wp-block-paragraph">MDT empowers organizers to tailor events dynamically, saving time and enhancing experiences. Experiment in your EventON setup today! </p>



<p class="wp-block-paragraph"></p><p>The post <a href="https://docs.myeventon.com/documentations/various-creative-ways-to-use-multi-data-types/">Various Creative Ways to Use Multi Data Types</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to create events that goes past midnight</title>
		<link>https://docs.myeventon.com/documentations/how-to-create-events-that-goes-past-midnight/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=how-to-create-events-that-goes-past-midnight</link>
		
		<dc:creator><![CDATA[Artem]]></dc:creator>
		<pubDate>Mon, 11 Oct 2021 21:56:44 +0000</pubDate>
				<guid isPermaLink="false">https://docs.myeventon.com/?post_type=document&#038;p=27353</guid>

					<description><![CDATA[<p>We recognize that sometimes you have events that goes past midnight when things go really crazy 🙂 But in the calendar, you don&#8217;t want to show this event on the next day, even though the event will stretch past 12:00 midnight. Here is how to do it with EventON. This will make sure your events [&#8230;]</p>
<p>The post <a href="https://docs.myeventon.com/documentations/how-to-create-events-that-goes-past-midnight/">How to create events that goes past midnight</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">We recognize that sometimes you have events that goes past midnight when things go really crazy <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /> But in the calendar, you don&#8217;t want to show this event on the next day, even though the event will stretch past 12:00 midnight. Here is how to do it with EventON.</p>



<ol class="wp-block-list">
<li>Set the ending time past 12:00 am</li>



<li>Enable &#8220;Hide end time from Calendar&#8221;</li>



<li>Enable &#8220;Span the event until hidden end time&#8221;</li>
</ol>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img fetchpriority="high" decoding="async" width="649" height="797" src="https://docs.myeventon.com/wp-content/uploads/2021/10/Screenshot-2025-01-09-at-01.01.14.jpg" alt="" class="wp-image-28934" srcset="https://docs.myeventon.com/wp-content/uploads/2021/10/Screenshot-2025-01-09-at-01.01.14.jpg 649w, https://docs.myeventon.com/wp-content/uploads/2021/10/Screenshot-2025-01-09-at-01.01.14-244x300.jpg 244w" sizes="(max-width: 649px) 100vw, 649px" /></figure>
</div>


<p class="wp-block-paragraph">This will make sure your events that goes beyond midnight are not displayed twice on the calendar.</p><p>The post <a href="https://docs.myeventon.com/documentations/how-to-create-events-that-goes-past-midnight/">How to create events that goes past midnight</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to customize location and organizer archive page</title>
		<link>https://docs.myeventon.com/documentations/customize-location-organizer-archive-page/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=customize-location-organizer-archive-page</link>
		
		<dc:creator><![CDATA[Ashan Perera]]></dc:creator>
		<pubDate>Wed, 02 Aug 2017 15:10:01 +0000</pubDate>
				<guid isPermaLink="false">http://www.myeventon.com/?post_type=document&#038;p=24868</guid>

					<description><![CDATA[<p>If you wish to customize the location archive page such as&#160;http://demo.myeventon.com/event-location/portland-bridges/ or similarly for organizer archive page please follow this documentation. Location archive page look by default Customizing the template Create a folder called&#160;eventon inside your current active theme. So that the path to the folder would look like.. &#8230;/wp-content/themes/&#8211;your-theme&#8211;/eventon/ Go to eventon/templates/ folder and [&#8230;]</p>
<p>The post <a href="https://docs.myeventon.com/documentations/customize-location-organizer-archive-page/">How to customize location and organizer archive page</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">If you wish to customize the location archive page such as&nbsp;<a href="http://demo.myeventon.com/event-location/portland-bridges">http://demo.myeventon.com/event-location/portland-bridges</a>/ or similarly for organizer archive page please follow this documentation.</p>



<h3 class="wp-block-heading">Location archive page look by default</h3>



<figure class="wp-block-image"><img decoding="async" width="649" height="921" src="https://docs.myeventon.com/wp-content/uploads/2017/08/Screenshot-2024-12-30-at-21.28.03.jpg" alt="" class="wp-image-28824" srcset="https://docs.myeventon.com/wp-content/uploads/2017/08/Screenshot-2024-12-30-at-21.28.03.jpg 649w, https://docs.myeventon.com/wp-content/uploads/2017/08/Screenshot-2024-12-30-at-21.28.03-211x300.jpg 211w" sizes="(max-width: 649px) 100vw, 649px" /></figure>



<h3 class="wp-block-heading">Customizing the template</h3>



<p class="wp-block-paragraph">Create a folder called&nbsp;<strong>eventon</strong> inside your current active theme. So that the path to the folder would look like.. &#8230;/wp-content/themes/&#8211;your-theme&#8211;/eventon/</p>



<p class="wp-block-paragraph">Go to eventon/templates/ folder and copy the file taxonomy-event_location.php</p>



<p class="wp-block-paragraph">Paste this file into the eventon folder you created inside your theme folder.</p>



<p class="wp-block-paragraph">From now on the location archive page will use the template from your theme folder. Any changes you made to the template file inside theme folder will reflect on location archive page.</p>



<h3 class="wp-block-heading">Changing shortcode</h3>



<figure class="wp-block-image"><img decoding="async" src="http://www.myeventon.com/wp-content/uploads/2017/08/Capture-1.png" alt="" class="wp-image-24870"/></figure>



<p class="wp-block-paragraph">If you look at the template file using a text editor you can see the shortcode used to show events from this location. You can further customize this by adding other shortcode parameters that are compatible with calendar type. (<a href="http://www.myeventon.com/documentation/shortcode-generator/">Learn how to use shortcode generator</a>)</p>



<h3 class="wp-block-heading">Organizer Archive page</h3>



<p class="wp-block-paragraph">The same method can be used for customizing event organizer archive page as well.</p><p>The post <a href="https://docs.myeventon.com/documentations/customize-location-organizer-archive-page/">How to customize location and organizer archive page</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to show various information on the eventTop</title>
		<link>https://docs.myeventon.com/documentations/how-to-show-various-information-in-eventtop/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=how-to-show-various-information-in-eventtop</link>
		
		<dc:creator><![CDATA[Artem]]></dc:creator>
		<pubDate>Fri, 19 Feb 2016 21:21:12 +0000</pubDate>
				<guid isPermaLink="false">http://www.myeventon.com/?post_type=document&#038;p=16176</guid>

					<description><![CDATA[<p>By default the EventON calendar will not show much information on eventTop and you can enable more information to show on there very easily by going to myeventon settings &#62; EventTop and selecting the fields you want to show.</p>
<p>The post <a href="https://docs.myeventon.com/documentations/how-to-show-various-information-in-eventtop/">How to show various information on the eventTop</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">By default the EventON calendar will not show much information on eventTop and you can enable more information to show on there very easily by going to myeventon settings &gt; EventTop and selecting the fields you want to show.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="649" height="734" src="https://docs.myeventon.com/wp-content/uploads/2016/02/Screenshot-2024-12-30-at-00.32.26.jpg" alt="" class="wp-image-28767" srcset="https://docs.myeventon.com/wp-content/uploads/2016/02/Screenshot-2024-12-30-at-00.32.26.jpg 649w, https://docs.myeventon.com/wp-content/uploads/2016/02/Screenshot-2024-12-30-at-00.32.26-265x300.jpg 265w" sizes="(max-width: 649px) 100vw, 649px" /></figure>
</div>


<p class="wp-block-paragraph"></p><p>The post <a href="https://docs.myeventon.com/documentations/how-to-show-various-information-in-eventtop/">How to show various information on the eventTop</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to customize Events archive page</title>
		<link>https://docs.myeventon.com/documentations/how-to-customize-events-archive-page/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=how-to-customize-events-archive-page</link>
		
		<dc:creator><![CDATA[Artem]]></dc:creator>
		<pubDate>Sun, 29 Mar 2015 01:20:36 +0000</pubDate>
				<guid isPermaLink="false">http://www.myeventon.com/?post_type=document&#038;p=10413</guid>

					<description><![CDATA[<p>Step 1: Identify the template to use Eventon events archive page (../events) is auto generated when the plugin is installed. You can easily customize this page. Step 2: Select eventon settings Go to myEventon&#62; Settings &#62; Events Paging Select the events page from drop down of the all pages in your site. This will be [&#8230;]</p>
<p>The post <a href="https://docs.myeventon.com/documentations/how-to-customize-events-archive-page/">How to customize Events archive page</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<h3 class="wp-block-heading">Step 1: Identify the template to use</h3>



<p class="wp-block-paragraph">Eventon events archive page (../events) is auto generated when the plugin is installed. You can easily customize this page.</p>



<h3 class="wp-block-heading">Step 2: Select eventon settings</h3>



<p class="wp-block-paragraph">Go to <strong>myEventon&gt; Settings &gt; Events Paging</strong></p>



<p class="wp-block-paragraph">Select the events page from drop down of the all pages in your site. This will be the page you want to use for /events page. What ever content you write on this page will show on /events page afterwards.</p>



<p class="wp-block-paragraph">By default this should be set to Events page (which is auto generated when you install eventon)</p>



<p class="wp-block-paragraph">The idea behind is, after you select this page, you can go to Pages &gt;All Pages and click on this page and type whatever content you want and that will show on the events archive page.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="649" height="568" src="https://docs.myeventon.com/wp-content/uploads/2015/03/Screenshot-2024-12-28-at-00.44.41.jpg" alt="" class="wp-image-28732" srcset="https://docs.myeventon.com/wp-content/uploads/2015/03/Screenshot-2024-12-28-at-00.44.41.jpg 649w, https://docs.myeventon.com/wp-content/uploads/2015/03/Screenshot-2024-12-28-at-00.44.41-300x263.jpg 300w" sizes="auto, (max-width: 649px) 100vw, 649px" /></figure>
</div>


<p class="wp-block-paragraph">Next select the page template you want to use from the drop down of available templates in your theme.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="884" height="100" src="https://docs.myeventon.com/wp-content/uploads/2023/09/events-template.png" alt="" class="wp-image-28077" srcset="https://docs.myeventon.com/wp-content/uploads/2023/09/events-template.png 884w, https://docs.myeventon.com/wp-content/uploads/2023/09/events-template-300x34.png 300w, https://docs.myeventon.com/wp-content/uploads/2023/09/events-template-768x87.png 768w" sizes="auto, (max-width: 884px) 100vw, 884px" /></figure>



<h3 class="wp-block-heading">Step 3: Customizing the page template</h3>



<p class="wp-block-paragraph">In a similar way as mentioned above if you want to create a full customization template for this you can do so and upload that to your theme directory and then select that template (in a similar way as above) to use for the events page.</p>



<h3 class="wp-block-heading">## Customizing Default EventON Event Template</h3>



<figure class="wp-block-image"><img loading="lazy" decoding="async" width="1389" height="99" src="https://docs.myeventon.com/wp-content/uploads/2015/03/EventON-Event-Calendar-‹-Calendar-Views-Bundle-—-WordPress-5.png" alt="" class="wp-image-27531" srcset="https://docs.myeventon.com/wp-content/uploads/2015/03/EventON-Event-Calendar-‹-Calendar-Views-Bundle-—-WordPress-5.png 1389w, https://docs.myeventon.com/wp-content/uploads/2015/03/EventON-Event-Calendar-‹-Calendar-Views-Bundle-—-WordPress-5-300x21.png 300w, https://docs.myeventon.com/wp-content/uploads/2015/03/EventON-Event-Calendar-‹-Calendar-Views-Bundle-—-WordPress-5-1024x73.png 1024w, https://docs.myeventon.com/wp-content/uploads/2015/03/EventON-Event-Calendar-‹-Calendar-Views-Bundle-—-WordPress-5-768x55.png 768w" sizes="auto, (max-width: 1389px) 100vw, 1389px" /></figure>



<p class="wp-block-paragraph">If you select events (archive) page template to be default eventon template, but the layout is not what you desire please follow below steps to correct the eventon template.</p>



<p class="wp-block-paragraph">NOTE: You will need experience using an FTP client like FileZilla.</p>



<h3 class="wp-block-heading">Step 1: Grab correct template page</h3>



<p class="wp-block-paragraph">Using FTP client navigate to your theme folder and find the template you want to use for eventON events page template. Usually this is the <strong>page.php</strong> file.</p>



<figure class="wp-block-image"><img decoding="async" src="http://www.myeventon.com/wp-content/uploads/2015/03/Capture-2.png" alt="" class="wp-image-21276"/></figure>



<p class="wp-block-paragraph">Open this file in a text editor.</p>



<h3 class="wp-block-heading">Step 2: Copy eventON template file to your theme</h3>



<p class="wp-block-paragraph">In your current active theme folder create a new folder called : <strong>eventon</strong> &#8211; the new folder path should be like below: &#8230;./wp-content/themes/&#8211;theme-name&#8212;/eventon/</p>



<p class="wp-block-paragraph">From your eventON folder within FTP. navigate to &#8230;/wp-content/plugins/eventON/templates/ and look for a file named:&nbsp;<strong>archive-ajde_events.php</strong></p>



<p class="wp-block-paragraph">Copy this file into the <strong>eventon</strong> folder created earlier.</p>



<h3 class="wp-block-heading">Step 3: Place Code</h3>



<p class="wp-block-paragraph">The default event archive page content will look like this.</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="get_header();

EVO()-&gt;archive_page();
	
get_footer();" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #88C0D0">get_header</span><span style="color: #ECEFF4">()</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #88C0D0">EVO</span><span style="color: #ECEFF4">()</span><span style="color: #81A1C1">-&gt;</span><span style="color: #88C0D0">archive_page</span><span style="color: #ECEFF4">()</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span></span>
<span class="line"><span style="color: #88C0D0">get_footer</span><span style="color: #ECEFF4">()</span><span style="color: #81A1C1">;</span></span></code></pre></div>



<p class="wp-block-paragraph">The event content for the page is pulled in the&nbsp;<strong>EVO()-&gt;archive_page();</strong> function.</p>



<p class="wp-block-paragraph">Copy the code from page.php or a similar file on step 1 and paste it in <strong>archive-ajde_events.php</strong></p>



<p class="wp-block-paragraph">Copy the eventON archive page code &#8220;<strong>EVO()-&gt;archive_page();&#8221; </strong>and place it where there is call for wp loop such below or where page content goes.</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="// Start loop
while ( have_posts() ) : the_post();

	get_template_part( 'partials/page-single-layout' );

endwhile; ?&gt;" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #616E88">// Start loop</span></span>
<span class="line"><span style="color: #81A1C1">while</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">have_posts</span><span style="color: #ECEFF4">()</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">:</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">the_post</span><span style="color: #ECEFF4">()</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #88C0D0">get_template_part</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">partials/page-single-layout</span><span style="color: #ECEFF4">&#39;</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #81A1C1">endwhile;</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">?&gt;</span></span></code></pre></div>



<p class="wp-block-paragraph">That should do the trick refresh page and clear cache to see results.</p>



<h3 class="wp-block-heading">Optional Step 4: Archive Page Pluggable Filters</h3>



<p class="wp-block-paragraph">In eventON 2.9.2 we have added 2 new pluggable functions to archive page that will allow you to add content before and after the archive page content is displayed.</p>



<p class="wp-block-paragraph">Those pluggable functions are :</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="do_action('evo_event_archive_page_before_content');" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #88C0D0">do_action</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">evo_event_archive_page_before_content</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span></code></pre></div>



<p class="wp-block-paragraph">and</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="do_action('evo_event_archive_page_after_content');" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #88C0D0">do_action</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">evo_event_archive_page_after_content</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span></code></pre></div>



<p class="wp-block-paragraph">Learn how to use <a href="https://docs.myeventon.com/documentations/use-actions-filters/">pluggable filters</a></p><p>The post <a href="https://docs.myeventon.com/documentations/how-to-customize-events-archive-page/">How to customize Events archive page</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to translate EventON with WPML on the front-end</title>
		<link>https://docs.myeventon.com/documentations/wpml-eventon-front-end/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=wpml-eventon-front-end</link>
		
		<dc:creator><![CDATA[Artem]]></dc:creator>
		<pubDate>Wed, 13 Aug 2014 17:00:42 +0000</pubDate>
				<guid isPermaLink="false">http://www.myeventon.com/?post_type=document&#038;p=6410</guid>

					<description><![CDATA[<p>You can set upto 3 WPML custom languages(by default) that works with 3 customize languages that is supported by eventon for front-end. Step 1: Identify the language code associated in each language in WPML eg.&#160;&#8216;en&#8217;, &#8216;es&#8217;, &#8216;fr&#8217;, &#8216; de&#8217; Step 2: Go into EventON &#62; Language and select a language and type in correct language [&#8230;]</p>
<p>The post <a href="https://docs.myeventon.com/documentations/wpml-eventon-front-end/">How to translate EventON with WPML on the front-end</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">You can set upto 3 WPML custom languages(by default) that works with 3 customize languages that is supported by eventon for front-end.</p>



<p class="wp-block-paragraph"><em><strong>Step 1</strong></em>:</p>



<p class="wp-block-paragraph">Identify the language code associated in each language in WPML eg.&nbsp;&#8216;en&#8217;, &#8216;es&#8217;, &#8216;fr&#8217;, &#8216; de&#8217;</p>



<p class="wp-block-paragraph"><em><strong>Step 2:</strong></em></p>



<p class="wp-block-paragraph">Go into <strong>EventON &gt; Language</strong> and select a language and type in correct language text for matching WPML language.</p>



<p class="wp-block-paragraph">Eg. if you are using L1 in eventon as WPML first language (english) then you should write english translations in EventON L1. If EventON L2 is for WPML 2nd language (Spanish), then your eventON L2 must be in spanish and so forth.</p>



<p class="wp-block-paragraph"><em><strong>Step 3:</strong></em></p>



<p class="wp-block-paragraph">Create the shortcode variables.</p>



<p class="wp-block-paragraph">Example:</p>



<p class="wp-block-paragraph">If Language #1 is French and language code for WPML for this is &#8220;fr&#8221;, your shortcode variable will look like&nbsp;<strong>wpml_l1=&#8221;fr&#8221;</strong></p>



<p class="wp-block-paragraph"><em><strong>Step 4:</strong></em></p>



<p class="wp-block-paragraph">Similar to above step, create other shortcode variables for other language you are using in association with wpml in eventON language.</p>



<p class="wp-block-paragraph">Example: If Language #2 is Spanish, and language code in WPML is &#8220;es&#8221; then the shortcode variables to add is&nbsp;<strong>wpml_l2=&#8221;es&#8221;</strong></p>



<p class="wp-block-paragraph">Your end shortcode should look something like below:</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="[add_eventon wpml_l1=&quot;fr&quot; wpml_l2=&quot;es&quot;]" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #ECEFF4">[</span><span style="color: #D8DEE9FF">add_eventon wpml_l1</span><span style="color: #81A1C1">=</span><span style="color: #ECEFF4">&quot;</span><span style="color: #A3BE8C">fr</span><span style="color: #ECEFF4">&quot;</span><span style="color: #D8DEE9FF"> wpml_l2</span><span style="color: #81A1C1">=</span><span style="color: #ECEFF4">&quot;</span><span style="color: #A3BE8C">es</span><span style="color: #ECEFF4">&quot;</span><span style="color: #ECEFF4">]</span></span></code></pre></div>



<h3 class="wp-block-heading">Further Customization</h3>



<p class="wp-block-paragraph">If you wish you add support for more than 3 wpml language please use pluggable filter below to add those additional language values. &#8211; place this code in your theme functions.php file.</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="add_filter('eventon_shortcode_defaults', 'evo_wpml_adds',10,1);
function evo_wpml_adds($A){
	$A['wpml_l4'] = '';
	$A['wpml_l5'] = '';
	// You can add more if you like as above
	return $A;
}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">eventon_shortcode_defaults</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">evo_wpml_adds</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">,</span><span style="color: #B48EAD">10</span><span style="color: #ECEFF4">,</span><span style="color: #B48EAD">1</span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">evo_wpml_adds</span><span style="color: #ECEFF4">(</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">A</span><span style="color: #ECEFF4">){</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">A</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">wpml_l4</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">]</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">A</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">&#39;</span><span style="color: #A3BE8C">wpml_l5</span><span style="color: #ECEFF4">&#39;</span><span style="color: #ECEFF4">]</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">&#39;&#39;</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">	</span><span style="color: #616E88">// You can add more if you like as above</span></span>
<span class="line"><span style="color: #D8DEE9FF">	</span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">A</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span></code></pre></div><p>The post <a href="https://docs.myeventon.com/documentations/wpml-eventon-front-end/">How to translate EventON with WPML on the front-end</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>One solution for /events slug not working</title>
		<link>https://docs.myeventon.com/documentations/one-solution-events-slug-working/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=one-solution-events-slug-working</link>
		
		<dc:creator><![CDATA[Artem]]></dc:creator>
		<pubDate>Thu, 24 Jul 2014 19:15:21 +0000</pubDate>
				<guid isPermaLink="false">http://www.myeventon.com/?post_type=document&#038;p=6050</guid>

					<description><![CDATA[<p>Go to EventON &#62; Settings and click on &#8220;General Settings&#8221;. On the browser URL, you should see &#8220;&#38;tab=&#8217;evcal_1&#8221; replace evcal_1 with extra so it should look like this Press Enter Now make sure there is a Events Page ID set, if not select from the drop down list. If you do NOT&#160;see the events page [&#8230;]</p>
<p>The post <a href="https://docs.myeventon.com/documentations/one-solution-events-slug-working/">One solution for /events slug not working</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Go to <strong>EventON &gt; Settings</strong> and click on &#8220;General Settings&#8221;.</p>



<p class="wp-block-paragraph">On the browser URL, you should see <strong>&#8220;&amp;tab=&#8217;evcal_1&#8221;</strong> replace evcal_1 with extra so it should look like this</p>



<figure class="wp-block-image"><img decoding="async" src="http://www.myeventon.com/wp-content/uploads/2014/07/Capture6.png" alt="Capture" class="wp-image-6051"/></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Press <strong>Enter</strong></p>



<p class="wp-block-paragraph">Now make sure there is a Events Page ID set, if not select from the drop down list.</p>



<p class="wp-block-paragraph">If you do <strong>NOT&nbsp;</strong>see the events page in this drop down list, try this.</p>



<p class="wp-block-paragraph">Go to&nbsp;<strong>Pages</strong> and find the ID of the events page. eg. 56</p>



<p class="wp-block-paragraph">in the url of your site type&nbsp;<strong>options.php</strong>&nbsp;(after wp-admin/) and press enter your url should look like below</p>



<figure class="wp-block-image"><img decoding="async" src="http://www.myeventon.com/wp-content/uploads/2014/07/Capture7.png" alt="Capture" class="wp-image-6052"/></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">In this look for&nbsp;<strong>&#8220;</strong><strong><span style="color: #222222;">eventon_events_page_id&#8221;</span></strong><span style="color: #222222;">&nbsp;and change this to the ID of the events page eg. 56</span></p>



<p class="wp-block-paragraph">and press&nbsp;<strong>Enter</strong></p>



<p class="wp-block-paragraph">That should update the events page template.</p><p>The post <a href="https://docs.myeventon.com/documentations/one-solution-events-slug-working/">One solution for /events slug not working</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to show featured image on eventTop</title>
		<link>https://docs.myeventon.com/documentations/show-featured-image-eventtop/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=show-featured-image-eventtop</link>
		
		<dc:creator><![CDATA[Artem]]></dc:creator>
		<pubDate>Thu, 17 Jul 2014 20:06:07 +0000</pubDate>
				<guid isPermaLink="false">http://www.myeventon.com/?post_type=document&#038;p=5935</guid>

					<description><![CDATA[<p>You can easily add featured images as small thumbnails into eventTop (which is the small event row on the calendar) by adding the below parameters into your shortcode.</p>
<p>The post <a href="https://docs.myeventon.com/documentations/show-featured-image-eventtop/">How to show featured image on eventTop</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">You can easily add featured images as small thumbnails into eventTop (which is the small event row on the calendar) by adding the below parameters into your shortcode.</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="show_et_ft_img=&quot;yes&quot;" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #D8DEE9FF">show_et_ft_img</span><span style="color: #81A1C1">=</span><span style="color: #ECEFF4">&quot;</span><span style="color: #A3BE8C">yes</span><span style="color: #ECEFF4">&quot;</span></span></code></pre></div><p>The post <a href="https://docs.myeventon.com/documentations/show-featured-image-eventtop/">How to show featured image on eventTop</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>** Override CSS in your calendar</title>
		<link>https://docs.myeventon.com/documentations/change-css-calendar/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=change-css-calendar</link>
		
		<dc:creator><![CDATA[Artem]]></dc:creator>
		<pubDate>Thu, 17 Jul 2014 17:19:56 +0000</pubDate>
				<guid isPermaLink="false">http://www.myeventon.com/?post_type=document&#038;p=5928</guid>

					<description><![CDATA[<p>I get lot of people asking how to hide some parts of the calendar. There are so many options available for hiding pieces but I understand sometimes you just want that one thing hidden that is missing from options. Things like these (hiding elements from the calendar or any other alteration to calendar layout) can [&#8230;]</p>
<p>The post <a href="https://docs.myeventon.com/documentations/change-css-calendar/">** Override CSS in your calendar</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">I get lot of people asking how to hide some parts of the calendar. There are so many options available for hiding pieces but I understand sometimes you just want that one thing hidden that is missing from options. Things like these (hiding elements from the calendar or any other alteration to calendar layout) can be easily done with CSS codes. Here is how.</p>



<h3 class="wp-block-heading">Step 1:</h3>



<p class="wp-block-paragraph">Open <strong>inspector</strong> in chrome or safari or even firefox. In windows it is <strong>F12</strong> for chrome, Mac = <strong>Command + Alt+i</strong></p>



<p class="wp-block-paragraph">This should open a window like this below your website. Pay attention to the <strong>magnifying glass</strong> icon. Click on this and then you can move your mouse over the web page and over the calendar and select each individual element (that you want to change)</p>


<div class="wp-block-image">
<figure class="aligncenter"><img decoding="async" src="http://www.myeventon.com/wp-content/uploads/2014/07/Capture3.png" alt="Capture" class="wp-image-5929"/></figure>
</div>


<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading">Step 2:</h3>



<p class="wp-block-paragraph">Click on an element you want to edit within the page in the calendar. In the above example we want to edit the event times on calendar event row. Now look on the right side pane.</p>


<div class="wp-block-image">
<figure class="aligncenter"><img decoding="async" src="http://www.myeventon.com/wp-content/uploads/2014/07/Capture4.png" alt="Capture" class="wp-image-5930"/></figure>
</div>


<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Copy this <strong>CSS elements</strong>&nbsp;name class&nbsp;structure. In this example it would be:</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code=".ajde_evcal_calendar.evoDV #evcal_list .evcal_cblock .evo_time" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #ECEFF4">.</span><span style="color: #8FBCBB">ajde_evcal_calendar</span><span style="color: #ECEFF4">.</span><span style="color: #8FBCBB">evoDV</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">#</span><span style="color: #8FBCBB">evcal_list</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">.</span><span style="color: #8FBCBB">evcal_cblock</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">.</span><span style="color: #8FBCBB">evo_time</span></span></code></pre></div>



<p class="wp-block-paragraph">This is the CSS class names that we can use to apply new styles to change styles <strong>ONLY&nbsp;</strong>to event time HTML element (in this case). In a similar way you can find the previously applied styles to one single HTML element of the calendar you want to change.</p>



<h3 class="wp-block-heading">Step 3:</h3>



<p class="wp-block-paragraph">Now go to&nbsp;<strong>myEventon&gt; Styles</strong> page and paste this CSS class string you copied for the element you want to edit from the&nbsp;<strong>inspector</strong>.</p>


<div class="wp-block-image">
<figure class="aligncenter"><img loading="lazy" decoding="async" width="650" height="584" src="https://docs.myeventon.com/wp-content/uploads/2014/07/Screenshot-2024-12-28-at-00.10.45.jpg" alt="" class="wp-image-28699" srcset="https://docs.myeventon.com/wp-content/uploads/2014/07/Screenshot-2024-12-28-at-00.10.45.jpg 650w, https://docs.myeventon.com/wp-content/uploads/2014/07/Screenshot-2024-12-28-at-00.10.45-300x270.jpg 300w" sizes="auto, (max-width: 650px) 100vw, 650px" /></figure>
</div>


<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">In here I have added <b>{display:none}</b> at the end which will hide the end times. Click&nbsp;<strong>Save changes</strong> to apply these new CSS override. Clear your cache and you should see this take effect on front end.</p>



<h2 class="wp-block-heading">Troubleshooting</h2>



<p class="wp-block-paragraph">If the styles you write doesn&#8217;t make any change on front-end:</p>



<p class="wp-block-paragraph"><strong>Solution #1:</strong> Clear cache on your browser and website</p>



<p class="wp-block-paragraph"><strong>Solution #2:</strong> the class name for the element you are trying to change styles may not be strong enough to override existing styles. What you need to do is before the class name of the element include class names and ids of parents of the element.</p>


<div class="wp-block-image">
<figure class="aligncenter"><img loading="lazy" decoding="async" width="650" height="572" src="https://docs.myeventon.com/wp-content/uploads/2014/07/Screenshot-2024-12-28-at-00.12.20.jpg" alt="" class="wp-image-28700" srcset="https://docs.myeventon.com/wp-content/uploads/2014/07/Screenshot-2024-12-28-at-00.12.20.jpg 650w, https://docs.myeventon.com/wp-content/uploads/2014/07/Screenshot-2024-12-28-at-00.12.20-300x264.jpg 300w" sizes="auto, (max-width: 650px) 100vw, 650px" /></figure>
</div>


<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">In this above image &#8212; if we want to style <strong>evcal_location</strong> element, but the CSS class name is not strong enough to override by itself I would use something like below.</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="#evcal_list .eventon_list_event .evcal_list_a .evcal_desc em.evcal_location{background-color:#3d3d3d;}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #ECEFF4">#</span><span style="color: #8FBCBB">evcal_list</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">.</span><span style="color: #8FBCBB">eventon_list_event</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">.</span><span style="color: #8FBCBB">evcal_list_a</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">.</span><span style="color: #8FBCBB">evcal_desc</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">em</span><span style="color: #ECEFF4">.</span><span style="color: #8FBCBB">evcal_location</span><span style="color: #ECEFF4">{</span><span style="color: #D8DEE9">background-color</span><span style="color: #ECEFF4">:#</span><span style="color: #B48EAD">3d3d3d</span><span style="color: #81A1C1">;</span><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p class="wp-block-paragraph"><strong>If that doesn&#8217;t override the styles</strong> you are trying to change, use&nbsp;<strong>!important&nbsp;</strong> after the style property such as :</p>



<p class="wp-block-paragraph">#evcal_list .eventon_list_event .evcal_list_a .evcal_desc em.evcal_location{background-color:#3d3d3d!important;}</p>



<h2 class="wp-block-heading">Doing this yourself</h2>



<p class="wp-block-paragraph">Once you get a hold of how to find the correct CSS<strong> class names</strong> for an individual element in the eventon calendar it is really easy to use this to alter the eventON calendar to the exact way you want it to be.</p>



<h2 class="wp-block-heading">Commonly used CSS styles:</h2>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="element-class-name-here{font-size:13px;}

element-class-name-here{height:140px;}

element-class-name-here{width:200px;}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #81A1C1">element-class-name-here</span><span style="color: #ECEFF4">{</span><span style="color: #D8DEE9">font-size</span><span style="color: #ECEFF4">:</span><span style="color: #B48EAD">13</span><span style="color: #81A1C1">px;</span><span style="color: #ECEFF4">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #81A1C1">element-class-name-here</span><span style="color: #ECEFF4">{</span><span style="color: #D8DEE9">height</span><span style="color: #ECEFF4">:</span><span style="color: #B48EAD">140</span><span style="color: #81A1C1">px;</span><span style="color: #ECEFF4">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #81A1C1">element-class-name-here</span><span style="color: #ECEFF4">{</span><span style="color: #D8DEE9">width</span><span style="color: #ECEFF4">:</span><span style="color: #B48EAD">200</span><span style="color: #81A1C1">px;</span><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p class="wp-block-paragraph">To change background color to hex color #3d3d3d</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code=".event_description .bordb, #evcal_list{background-color:#3d3d3d}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #ECEFF4">.</span><span style="color: #8FBCBB">event_description</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">.</span><span style="color: #8FBCBB">bordb</span><span style="color: #ECEFF4">,</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">#</span><span style="color: #8FBCBB">evcal_list</span><span style="color: #ECEFF4">{</span><span style="color: #D8DEE9">background-color</span><span style="color: #ECEFF4">:#</span><span style="color: #B48EAD">3d3d3d</span><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p class="wp-block-paragraph">To change font color:</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code=".evodv_current_day p.evodv_daynum b{color:#3d3d3d;}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #ECEFF4">.</span><span style="color: #8FBCBB">evodv_current_day</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">p</span><span style="color: #ECEFF4">.</span><span style="color: #8FBCBB">evodv_daynum</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">b</span><span style="color: #ECEFF4">{</span><span style="color: #D8DEE9">color</span><span style="color: #ECEFF4">:#</span><span style="color: #B48EAD">3d3d3d</span><span style="color: #81A1C1">;</span><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p class="wp-block-paragraph">Adjust Position of popups</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code=".evo_popin{margin-top:100px;}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #ECEFF4">.</span><span style="color: #8FBCBB">evo_popin</span><span style="color: #ECEFF4">{</span><span style="color: #D8DEE9">margin-top</span><span style="color: #ECEFF4">:</span><span style="color: #B48EAD">100</span><span style="color: #81A1C1">px;</span><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p class="wp-block-paragraph">Change font style from italic &gt; normal</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code="#evcal_list .eventon_list_event .evcal_desc em{font-style:normal}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #ECEFF4">#</span><span style="color: #8FBCBB">evcal_list</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">.</span><span style="color: #8FBCBB">eventon_list_event</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">.</span><span style="color: #8FBCBB">evcal_desc</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">em</span><span style="color: #ECEFF4">{</span><span style="color: #D8DEE9">font-style</span><span style="color: #ECEFF4">:</span><span style="color: #81A1C1">normal</span><span style="color: #ECEFF4">}</span></span></code></pre></div>



<p class="wp-block-paragraph">To hide month name in eventTop</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff"><svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" stroke-width=".5"></circle><circle cx="26" cy="6" r="6" fill="#FFBD2E" stroke="#DEA123" stroke-width=".5"></circle><circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" stroke-width=".5"></circle></g></svg></span><span role="button" tabindex="0" data-code=".evcal_month_line{display:none'}" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #ECEFF4">.</span><span style="color: #8FBCBB">evcal_month_line</span><span style="color: #ECEFF4">{</span><span style="color: #D8DEE9">display</span><span style="color: #ECEFF4">:</span><span style="color: #81A1C1">none</span><span style="color: #ECEFF4">&#39;</span><span style="color: #D8DEE9">}</span></span></code></pre></div><p>The post <a href="https://docs.myeventon.com/documentations/change-css-calendar/">** Override CSS in your calendar</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to override event colors with event type colors</title>
		<link>https://docs.myeventon.com/documentations/override-event-colors-event-type-colors/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=override-event-colors-event-type-colors</link>
		
		<dc:creator><![CDATA[Artem]]></dc:creator>
		<pubDate>Mon, 31 Mar 2014 21:53:55 +0000</pubDate>
				<guid isPermaLink="false">http://www.myeventon.com/?post_type=document&#038;p=3961</guid>

					<description><![CDATA[<p>NOTE: you can set colors for event type 1 and override event colors by this STEP 1:&#160;Go to Events &#62; Event Type 1 from wp-admin STEP 2:&#160;You should see color circle where you can select color for a new event type tag OR if you click on already existing event type category tags you should [&#8230;]</p>
<p>The post <a href="https://docs.myeventon.com/documentations/override-event-colors-event-type-colors/">How to override event colors with event type colors</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">NOTE: you can set colors for event type 1 and override event colors by this</p>



<p class="wp-block-paragraph"><strong>STEP 1:&nbsp;</strong>Go to Events &gt; Event Type 1 from wp-admin</p>



<p class="wp-block-paragraph"><strong>STEP 2:&nbsp;</strong>You should see color circle where you can select color for a new event type tag</p>


<div class="wp-block-image">
<figure class="aligncenter"><img loading="lazy" decoding="async" width="637" height="274" src="https://docs.myeventon.com/wp-content/uploads/2014/03/Screenshot-2024-12-26-at-00.07.37.jpg" alt="" class="wp-image-28628" srcset="https://docs.myeventon.com/wp-content/uploads/2014/03/Screenshot-2024-12-26-at-00.07.37.jpg 637w, https://docs.myeventon.com/wp-content/uploads/2014/03/Screenshot-2024-12-26-at-00.07.37-300x129.jpg 300w" sizes="auto, (max-width: 637px) 100vw, 637px" /></figure>
</div>


<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">OR if you click on already existing event type category tags you should see a color circle to change the color.</p>



<p class="wp-block-paragraph"><strong>STEP 3:&nbsp;</strong>Click on this and change the color and save changes.</p>



<p class="wp-block-paragraph"><strong>STEP 4: Assign the event type term to the event</strong></p>



<p class="wp-block-paragraph">Next you want to make sure this event type term &#8220;Regular Events&#8221; is assigned to event(s) which you can do from event edit page under &#8220;Event Type1 Categories&#8221; dialog box.</p>


<div class="wp-block-image">
<figure class="aligncenter"><img loading="lazy" decoding="async" width="636" height="512" src="https://docs.myeventon.com/wp-content/uploads/2014/03/Screenshot-2024-12-26-at-00.09.44.jpg" alt="" class="wp-image-28631" srcset="https://docs.myeventon.com/wp-content/uploads/2014/03/Screenshot-2024-12-26-at-00.09.44.jpg 636w, https://docs.myeventon.com/wp-content/uploads/2014/03/Screenshot-2024-12-26-at-00.09.44-300x242.jpg 300w" sizes="auto, (max-width: 636px) 100vw, 636px" /></figure>
</div>


<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Screenshot<strong>STEP 5:&nbsp;</strong>In eventON <a title="Adding Calendar to your site" href="http://www.myeventon.com/documentation/adding-calendar-to-site/">shortcode generator</a>&nbsp;set &#8220;yes&#8221; to Event type color override or add the text&nbsp;<strong>etc_override=&#8221;yes&#8221;</strong> into your shortcode.</p>


<div class="wp-block-image">
<figure class="aligncenter"><img loading="lazy" decoding="async" width="650" height="619" src="https://docs.myeventon.com/wp-content/uploads/2014/03/Screenshot-2024-12-26-at-00.10.39.jpg" alt="" class="wp-image-28632" srcset="https://docs.myeventon.com/wp-content/uploads/2014/03/Screenshot-2024-12-26-at-00.10.39.jpg 650w, https://docs.myeventon.com/wp-content/uploads/2014/03/Screenshot-2024-12-26-at-00.10.39-300x286.jpg 300w" sizes="auto, (max-width: 650px) 100vw, 650px" /></figure>
</div>


<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Click save and you should see your calendar event colors being overridden by event type colors.</p>



<p class="wp-block-paragraph"><strong>IMPORTANT:&nbsp;</strong></p>



<p class="wp-block-paragraph">To get the event type color to override event&#8217;s color, you have to make sure that the event itself has this custom colored event type category term is indeed assigned to the event just like mentioned in step 4.</p><p>The post <a href="https://docs.myeventon.com/documentations/override-event-colors-event-type-colors/">How to override event colors with event type colors</a> first appeared on <a href="https://docs.myeventon.com">Documentation</a>.</p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
