Change rendering / CSS of the forthcoming events section

InstantForum Question
How to change the rendering of the Events at the bottom of the "Events within the next 30 days" block?

If you have a lot of events it becomes a bit difficult to read and discern the individual events.

We would like one event per row.

InstantForum Question

Hi Robert,

Great question. I hope your well. Adding the following CSS into the MasterPage.Master for your skin should ensure each forthcoming event link is shown on a new line...

<style type="text/css">
.forthcoming-events a { display: block; }

If you wanted to add an icon before the link - maybe a bullet like the child forums you would use the CSS below...

<style type="text/css">
.forthcoming-events a:before { vertical-align:middle; font: normal 10pt FontAwesome; content: "\f111"; opacity: 0.5; }

I hope this gives you some options & ideas. If I can assist further don't hesitate to respond,
Kindest Regards,

Ryan Healey
Blog | Community | Docs

Existing Account
Email Address:


Social Logins

Select a Forum....

InstantASP Forums