Css Padding/Margin

Home Forums Calendar Products Events Calendar PRO Css Padding/Margin

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #13826
    Kelvin Browne
    Participant

    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/

    #13874
    Rob
    Keymaster

    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.

    #13886
    Kelvin Browne
    Participant

    Tanks a lot Rob

    #14052
    Jonah
    Participant

    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.

    #14098
    Kelvin Browne
    Participant

    Thanks Jonah, works great.

    #14104
    Jonah
    Participant

    Awesome, glad to hear!

    #19135
    Benji
    Participant

    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.

    #19137
    Jonah
    Participant

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

    #19147
    Benji
    Participant

    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

    #19151
    Jonah
    Participant

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

    #976810
    Support Droid
    Keymaster

    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.

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Css Padding/Margin’ is closed to new replies.