Change the divider for the single event page (of a recurring event)

[scala]

Hello there,

For the single event page (of a recurring events) the h2 is as follows (I also included a screenshot):
September 14 @ 21:00 – 00:30|Recurring Event

See the divider symbol “|” without spaces between “30” and the “R”.

I would like to have this as follows:
September 14 @ 21:00 – 00:30 | Recurring Event

So with a space added to each side of the divider symbol “|”.

How can I do this?

cheers

[Brendan]

Hi there,

Thanks for emailing support. You may need to adjust the pixel length to your liking but add this CSS to your style.css file in your theme to make this adjustment.

https://gist.github.com/bskousen/c762d9b0c353589ff0ad39109269a94f

Thanks,
Brendan

[scala]

Hello Brendan,

Wonderful!
Just tried it out on my site and great result.

Thought it would need a template change, but nice that it could be done with a CSS change.

Thanks!

[Brendan]

No problem, glad it worked for you.

Let us know if you have any other questions.

Thanks,
Brendan

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts