Styling widget advanced list view

[Jacob Johnson]

Seeking some help in implementing the advanced list view using the widget. Page linked here with list view on right.

Id like to be able to modify:
-Title font sizes
-Size of the calendar/date icons on left side of list

I have a CSS code entry in my Avada theme, so that code would be preferable.

Any help would be greatly appreciated!

[Geoff B.]

Good evening Jacob and welcome to the Events Calendar Support forum!

Thank you for reaching out to us.
I would love to help you with this topic.

Id like to be able to modify:
-Title font sizes

Please try the following CSS rule

#wrapper .post-content h2.tribe-events-title { font-size: 16px; }


-Size of the calendar/date icons on left side of list

Please try the following CSS rule

.tribe-events-adv-list-widget .type-tribe_events .list-date { max-width: 42px; margin-right: 20px;}

Let me know how that goes.

Best regards,
Geoff B.

[Jacob Johnson]

That you so much, Geoff. Im a small business owner who is building my site on my own…its nice to have experts like you in my corner

[Geoff B.]

Good afternoon Jacob,

Thank you for writing back and for your fantastic words.

I’m glad that my advice helped you out as you are learning the ropes.

You are welcome back on our support forums any time 🙂

For now, I am going to close this thread.

Have a great weekend!

Geoff B.

 

[Author]

Posts