Skip Navigation

[Resolved] Adding a banner to Event box

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Our next available supporter will start replying to tickets in about 6.29 hours from now. Thank you for your understanding.

This topic contains 1 reply, has 2 voices.

Last updated by Minesh 2 years, 4 months ago.

Assigned support staff: Minesh.

Author
Posts
#1160753
free-event-marker-banner.png
sample.jpg

We are using Toolset to pull and display events on our Event page. Each event currently includes a image, title, time and date which are all inputs using Advanced Custom Fields.

We are now trying to designate some events as Free events. We have added a new custom field called Free Event Marker. On Free events a url is added to the Free Events Marker custom field. We would like to display this in the top right corner of each event box. If the event is not free the Free Event Marker field is left empty.

I have tried multiple options to display the Free Event Banner but while it shows either under or on the box (in this case pushing the title down) I have not been able to place it in the top right.

I have attached a image that shows how we would like the finished box to look like. Also included the image we are using for the Free Event Marker. And current code is below:

<div class="events-grid-view">
<div class="event-grid">
<div class="event-grid-img">[wpv-acf-image field="wac_image"]</div>
<a href="[wpv-post-url]"><div class="event-grid-content">
<h3 class="event-title">[wpv-post-title]</h3>
<div class="event-timings">[acf_formatted_time time='[wpv-post-field name="start_time"]'] - [acf_formatted_time time='[wpv-post-field name="end_time"]']</div>
<div class="event-date">[acf_formatted_date date='[wpv-post-field name="start_date"]']</div>
</div></a>
</div>
</div>

#1161455

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Well - certainly I see that there is no Toolset feature involved here as it seems directly the question related to how you can display ACF field as per your desired HTML output. Please kindly do not report such issues with Toolset technical forum, as per our support policy we are happy to guide you with any Toolset issues but not with customization.

As you know there is nothing personal here but I need to work within the predefined support boundary. I hope this is understandable and clear.

However - Please check the following link that may help you to achieve the output you are looking for:
=> https://stackoverflow.com/questions/48474/how-do-i-position-one-image-on-top-of-another-in-html