Help Desk

Css Padding/Margin

  • Posts: 2 Topics: 1
    | Permalink

    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/

    Posts: 4278 Topics: 105 Answers: 467
    | Permalink

    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.

    Posts: 2 Topics: 1
    | Permalink

    Tanks a lot Rob

    Posts: 4021 Topics: 4 Answers: 763
    | Permalink
    Correct Answer

    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.

    Posts: 2 Topics: 1
    | Permalink

    Thanks Jonah, works great.

    Posts: 4021 Topics: 4 Answers: 763
    | Permalink

    Awesome, glad to hear!

    Posts: 19 Topics: 5
    | Permalink

    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.

    Posts: 4021 Topics: 4 Answers: 763
    | Permalink

    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;
    }
    
    Posts: 19 Topics: 5
    | Permalink

    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

    Posts: 4021 Topics: 4 Answers: 763
    | Permalink

    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;
    }
    
    Posts: 65
    | Permalink

    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.