Css Padding/Margin

[Kelvin Browne]

The content for my events is touching the edge of the content box how can i adjust the padding/margin to give it space.

http://www.staugustinesbrooklyn.org/events/
http://www.staugustinesbrooklyn.org/event/bingo/

[Rob]

Hey 3dgraphics. We should be able to help you out here; let me get our dev Jonah to take a look. Expect a response from him over the next 24 hours.

[Kelvin Browne]

Tanks a lot Rob

[Jonah]

Hey 3dgraphics,

There’s a lot of ways you could do this…

For the main events page try editing events.css (make a duplicate copy and place in an ‘events’ folder in your theme) – find line 184 and change the declaration to:


.events-archive .hentry {
padding: 15px;
}


For the single events try something like:


.single-tribe_events .tribe_events {
padding: 15px;
}


You’ll have to probably play around with things some more to get it just right in your theme. I hope this helps get you pointed in the right direction though.

[Kelvin Browne]

Thanks Jonah, works great.

[Jonah]

Awesome, glad to hear!

[Benji]

Hi Guys, I have a padding issue I think with the archive feed in a blog roll when my studio press child theme on genesis pulls and events post. The content excerpt for the events are not good, tried playing with CSS but not making the change.

you can see a demo site here http://websolutionsdirect.com where you will see the top post on the blog roll on the home page is an event and you can see the layout is not correct.

I look forward to your thoughts on this padding issue. and Where I need to edit in the events CSS file.

[Jonah]

Hey Benji,

In your theme’s style.css on line 681 you have this:

.page .page, .post {
margin: 0;
padding: 30px;
}


You need to add a class for events like so:

.page .page, .post, .post-wrap .tribe_events {
margin: 0;
padding: 30px;
}


[Benji]

Legend, it worked!

Now I have put it onto the main site and seems like I need some tweak to the code to pick up event venue archives?

load this page and you will see the event is good now but the venue still is not?

http://margaretriverguide.com.au/?s=laurance

[Jonah]

Hey Benji, glad that worked! To get the venues in there just add the following:

.page .page, .post, .post-wrap .tribe_events, .post-wrap .tribe_venue {
margin: 0;
padding: 30px;
}


[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