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.
Tags

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; }
</style>

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; }
</style>

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

http://www.instantasp.co.uk/images/line.gif
Kindest Regards,

Ryan Healey



ryan@instantasp.co.uk
www.instantasp.co.uk
Blog | Community | Docs

http://www.instantasp.co.uk/core/assets/images/email/facebook.png http://www.instantasp.co.uk/core/assets/images/email/twitter.png http://www.instantasp.co.uk/core/assets/images/email/google.png http://www.instantasp.co.uk/core/assets/images/email/linkedin.png
GO

Login
Existing Account
Email Address:


Password:


Social Logins

Select a Forum....







InstantASP Forums


Search