Add metadata under title on blogs and event pages

I think this has been asked before but I can't find a definitive answer. By default, the category tag on events pages is appearing at the bottom of posts, under the editable content. I've been asked if I can move it to sit with the date and time, just below the post title. Would this be possible without diving into developer mode? Thanks!

Hi. I think this is possible, with some code add to Design > Custom CSS.

Can you share link to an event? We can check easier

Thanks Tuanphan. Here is an example: https://www.stories.standard.co.uk/programme-1/stories-festival-event-one-g2jag

I need to move the 'Posted in Netflix' text to be next to or under the date and time.

20 hours ago, JButler said:

Thanks Tuanphan. Here is an example: https://www.stories.standard.co.uk/programme-1/stories-festival-event-one-g2jag

I need to move the 'Posted in Netflix' text to be next to or under the date and time.

Add to last line in Code Injection > Footer

<!-- Posted in under Event Title -->
<script>
  $(document).ready(function() { 
		$('li.eventitem-meta-item.eventitem-meta-cats.event-meta-item').insertAfter('h1.eventitem-title');
	});
</script>
<style>
  li.eventitem-meta-item.eventitem-meta-cats.event-meta-item {
    list-style: none;
}
</style>

This worked perfectly. Thanks so much!

Is there anything I can add to this script that will also remove the 'Posted in' text that precedes the Category link?

On 7/14/2021 at 5:03 PM, JButler said:

This worked perfectly. Thanks so much!

Is there anything I can add to this script that will also remove the 'Posted in' text that precedes the Category link?

I don't see Posted in here. Do you still need help?

Sorry, I was playing around with the live page. I'm struggling to get javascripts to run only once when using the lightbox anything plugin with summary blocks, so I think I may have to scrap the idea and get people to enter the category in the content manually! Thanks again.