Events Calendar Plus Event page styling

[Sabine]

Hi – I would like to make the event page event sidebar look more streamlined. Currently there is a lot of space wasted by displaying he Date below the date label, same for Time and Cost. Is there a way to display that info next to each other:

Date: May 28

rather than
Date:
May 28

I am using the latest version of your products on Avada 4.0.1

Thanks.

[Nico]

Hi Sabine,

Thanks for reaching out! I’ll help you here…

I can’t see the sidebar in the link you shared with me, Can you check on that?

We cannot help much with CSS customizations, but this one seems to be pretty easy.

Please let me know about it,
Best,
Nico

[Sabine]

Hi – sorry about that. I had accidentally set the page to 100% width, rather than default template. Here is the link and you should be able to see the sidebar now. http://lsi-training.com/pacemakersco/event/st-patricks-day-5k/

Thanks.

Sabine

[Nico]

Hi Sabine,

Thanks for following-up! I made a simple CSS snippet, it’s not intended to be the definitive solution (I haven’t heavily tested it at least) but it will surely get you started. Paste this in your child theme stylesheet, or via Simple Custom CSS plugin:


.tribe-events-meta-group-details dt {
display: inline-block;
width: 20%;
}

.tribe-events-meta-group-details dd {
border: none !important;
display: inline-block;
width: 70%;
}


The folks at Theme Fusion might have a better workaround for this!

Please let me know if this works for you,
Best,
Nico

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts