val-13Love

Hi Angelo

Thanks for the updated snippet. It now positions the results in the same location where the shortcode is added which is great. However it is still displaying the same 4 events and not random events.

Do you by any chance have any other suggestions that will make it show random events please?

Much Thanks
Val ??

Thanks for all your help and patience guys its really appreciated ??

Hi Angelo

Thanks for the link, I’m not a coder but will give it a try. Just want to confirm is the code for the shortcode added to the functions.php file?

Sorry for the confusion, here are some links which might help explain. The site is live so I didnt really want to use code that isn’t quite working but I think it will help you see what I mean. Also I have added a limit of 4 to your code to avoid long lists.

Here’s my code:

<h3><strong>You may also like...</strong></h3>
[events_list scope="month" limit=4]<div style="float:left; margin: 5px 20px 10px 0px; width: 20%;"><a href="#_EVENTURL">#_EVENTIMAGE{100,100}</a><br/><strong>#_EVENTLINK</strong><br/>#_EVENTDATES</div>
[/events_list]<br style="clear:both" />

Here’s your code:

[events_list scope="future" limit=4 format_header="<table>" format_footer="</table>"]
<tr>
 <td> #_EVENTLINK </td>
</tr>
[/events_list]

I have added both of the above codes to events > settings > formatting > events > default single event format. Here is a link of what happens when the code is placed here, (below the tabs section):
https://www.black-gold.biz/whats-on/hartbeat-weekend-kevin-hart-friends/

You will see it gives the same event for each of the entries on the list. And the result is the same when I use your code on its own, my code on its own or both together like in the above link.

However when added directly to an individual event page (above the tabs section) both codes work fine:
https://www.black-gold.biz/whats-on/fisk-jubilee-singers-black-voices/

Hope this makes it clearer what is happening. I just cant see why the code doesn’t work correctly when placed in events > settings > formatting > events > default single event format. Any suggestions you may have would be truly appreciated.

Hi Caimin

Thanks for figuring it out. I meant I had to sort out some other formatting elsewhere on the site but it all working now which is great!!

Thanks again it’s really really appreciated ??

Hi Caimin

Thanks for figuring it out. I meant I had to sort out some other formatting elsewhere on the site but it all working now which is great!!

Thanks again it’s really really appreciated ??

Hi Angelo

Thanks for the code.

I have tried it in Events > Formatting > Events > Default single event format, but it does the same thing as my code, it shows the same event for each entry on the list. But when I add it to an event page it shows a different event for each entry on the list.

It seems EM does something different with the #_EVENTLINK when in a page than when in Events > Formatting > Events > Default single event format. I just dont understand what or how to make it work.

Any ideas please?

Hi Angelo

Thanks for coming back to me.

Yes the closing div tag is in place and the div style is being picked up and applied, except for the color. How can EM only apply some of the div styling?

Oh here is the full code again in case its needed:

<div style="float: left; color: #000000; width: 70%;">
<h3><strong>#_EVENTLINK</strong></h3>
#_EVENTDATES - #_EVENTTIMES | #_ATT{Cost}
{has_location}<br/><i>#_LOCATIONNAME, #_LOCATIONADDRESS, #_LOCATIONTOWN, #_LOCATIONPOSTCODE</i>{/has_location}
<p>#_EVENTEXCERPT</div></p>
<div style="float:right; margin: 0px 0px 10px 15px;" width:25%;"><a href="#_EVENTURL">#_EVENTIMAGE{100,100}</a></div>
<br style="clear:both" />
<div style="border-bottom: 1px dotted #e5e5e5;"></div>

Again thanks for the help, any ideas would be great ??

Sincere apologies I got these completely mixed up, your totally right Caimin it is the Events > Settings > Formatting > Event Categories > Default events list format that needs to be amended.

However when I add the following code the color does not change:

<div style="color: #000000; float:left; width: 70%;">
<h3><strong>#_EVENTLINK</strong></h3>

Any suggestions would be appreciated ??

Hi Angelo

I am trying to change the event title color on the events list page. Because the titles are links the default link color is being applied, however I want them in black but no formatting that I have tried has changed them to black.

Any ideas?

Many thanks

Hi Angelo

Thats what I thought too, but it doesn’t work properly when placed there. Instead of showing the 4 different future events (see live link below), it shows the same event 4 times.

Really dont know why it wont work when added to events > settings > formatting > events > default single event, but works when added directly to the event page.

Any ideas on how to add it events > settings > formatting > events > default single event and have it work properly?

Live link example: https://www.black-gold.biz/whats-on/fisk-jubilee-singers-black-voices/

Much thanks

Hi Caimin

I would like it to be shown between the tab section and the categories. Which are both styled in the default single event (see the bottom of the code below). But when I add it to this it shows the same event 4 times.

If it is possible for the You may also like to be added to the default single event then it would be applied to all past and future events without me having to add the code individually to every event page.

Current code for single event:

#_EVENTDATES - #_EVENTTIMES | #_ATT{Cost}<br/>
{has_location}#_LOCATIONLINK, #_LOCATIONADDRESS, #_LOCATIONTOWN{/has_location}, #_LOCATIONPOSTCODE

<div style="float:right; margin: 5px 0px 10px 40px;" width:35%;">#_EVENTIMAGE{200,200}</div>

#_EVENTNOTES
<br style="clear:both" />
<h3><strong>Event Details</strong></h3>

<p style="float:left; width: 13%;"><strong>Date: </strong></p>
<p style="float:left; width: 32%;">#_EVENTDATES </p>
<p style="float:left; width: 4%;"><span style="color: #ffffff;">.</span></p>
<p style="float:left; width: 13%;"><strong>Venue: </strong></p>
<p style="float:left; width: 38%;">#_LOCATIONNAME</p>
<br style="clear:both" />

<p style="float:left; width: 13%;"><strong>Time: </strong></p>
<p style="float:left; width: 32%;">#_12HSTARTTIME - #_12HENDTIME</p>
<p style="float:left; width: 4%;"><span style="color: #ffffff;">.</span></p>
<p style="float:left; width: 13%;"><strong>Contact: </strong></p>
<p style="float:left; width: 38%;">#_ATT{Venue Tel}</p>
<br style="clear:both" />

<p style="float:left; width: 13%;"><strong>Cost: </strong></p>
<p style="float:left; width: 32%;">#_ATT{Cost}<br/></p>
<p style="float:left; width: 4%;"><span style="color: #ffffff;">.</span></p>
<p style="float:left; width: 13%;"><strong>Tickets: </strong></p>
<p style="float:left; width: 38%;">#_ATT{Venue Website}</p>
<br style="clear:both" />

<p style="float:left; width: 13%;"><strong>Age: </strong></p>
<p style="float:left; width: 32%;">#_ATT{Age}<br/></p>
<p style="float:left; width: 4%;"><span style="color: #ffffff;">.</span></p>
<p style="float:left; width: 13%;"><strong>Reminders: </strong></p>
<p style="float:left; width: 38%;">#_EVENTGCALLINK</p>
<br style="clear:both" />

<p style="float:left; width: 13%;"><span style="color: #ffffff;">.</span></p>
<p style="float:left; width: 32%;"><span style="color: #ffffff;">.</span></p>
<p style="float:left; width: 4%;"><span style="color: #ffffff;">.</span></p>
<p style="float:left; width: 13%;"><span style="color: #ffffff;">.</span></p>
<p style="float:left; width: 38%;">#_EVENTICALLINK</p>
<br style="clear:both" />

<br/><div class="block-content"><div style="min-height:420px;"><ul class="nav nav-tabs" id="Tabs"><li class="active"><a href="#t1" data-toggle="tab">Map</a></li><li><a href="#t2" data-toggle="tab">Images</a></li><li><a href="#t3" data-toggle="tab">Video</a></li></ul>

<div class="tab-content"><div class="tab-pane active" id="t1">
{has_location}#_LOCATIONMAP {/has_location}</div><div class="tab-pane" id="t2">#_ATT{ImageTab}</div><div class="tab-pane" id="t3">#_ATT{VideoTab}</div></div></div></div><br/>

<strong>Categories: </strong>#_EVENTCATEGORIES

Hi

Thanks for coming back to me Caimin.

I have had a look in event categories as suggested. The only thing I have here is in “Categories list item format” which is: #_CATEGORYLINK

I have tried to apply style formatting like the below but it doesnt work.
<div style="color: #000000;">#_CATEGORYLINK</div>

Hi Caimin

It doesn’t have to, I only created black_head_link in an attempt to change the title color, but it didn’t work.

Any solution that works would be great.

Apologies wrong code added previously, here’s the correct code:

<div style="float:left; margin: 5px 0px 10px 0px; width: 70%;"><strong>#_EVENTLINK</strong>
<br/>#_EVENTDATES - #_EVENTTIMES | #_ATT{Cost}
{has_location}<br/><i>#_LOCATIONNAME, #_LOCATIONADDRESS, #_LOCATIONTOWN, #_LOCATIONPOSTCODE</i>{/has_location}
<p>#_EVENTEXCERPT</div></p>
<div style="float:right; margin: 0px 0px 10px 15px;" width:25%;"><a href="#_EVENTURL">#_EVENTIMAGE{100,100}</a></div>
<br style="clear:both" />
<div style="border-bottom: 1px dotted #e5e5e5;"></div>