Single Event Page Margins

[Andrea]

Hi, For some reason I only just noticed that the pages that have a single event on them are all flush with the page, with no margin or padding. Is this standard? Is this something that I should just amend the CSS for?

Here are two examples from two sites I manage:

http://306phoenixhouse.com/event/community-yoga-with-sarah-4/2012-10-09/
http://pettalkwithpam.com/event/brookside-barkery-kansas-city-mo/

Thanks!

Andrea

[Jonah]

Hi Andrea,

We do our best to make sure the plugin looks good in different themes but there are inevitably themes that will require adjustments. In this instance you should be able to simply apply your 15px padding to the single event pages. You could just add a 15px padding to the #main-fullwidth div in your themes style.css file or only apply it on single events pages by prefixing with the single events body class:

.single-tribe_events #main-fullwidth {
padding: 15px;
}

The code might be slightly different for 306phoenixhouse.com but hopefully this gives you an idea of what to do.

Let me know if you need any more help with this.

Cheers,
Jonah

[Barry]

Yes some new CSS or minor changes to your HTML should do the trick.

If you look at 306pheonixhouse.com, one notable difference is that content in the event page you linked to is contained within div#main-fullwidth which doesn’t have any padding or margin.

So one approach would be to target div#main-fullwidth in your theme’s stylesheet and add some padding.

By comparison, if we look at the homepage of that site, it’s content is wrapped in div#main which is padded, 15 pixels on all sides. So perhaps you could swap out div#main-fullwidth with plain old div#main in the relevant template?

Remember also that you can choose specific templates to use from Events > Settings.

Hopefully that makes sense – but please let me know if it doesn’t.

[Barry]

OK, posted at the same time as Jonah! I’ll leave this to you Jonah 🙂

[Andrea]

Thank you so much! This worked perfectly. Sorry, didn’t think about it being a theme issue…

[Barry]

Great!

[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