Spacing between paragraphs for event info in list view

Home Forums Calendar Products Events Calendar PRO Spacing between paragraphs for event info in list view

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #72504
    Debbie
    Participant

    My list view looks horrible because the space between paragraphs (of event info) disappears in list view. It’s particularly obvious for these two events:
    Michigan Oracle Users Summit (MOUS) 2013 on 11/13/2013
    JD Edwards INFOCUS 2013 on 12/2/2013

    #72506
    Debbie
    Participant

    Addendum: The event page itself looks fine. There must be some way to reflect the appropriate paragraph spacing for the event entry in list view.

    #72588
    Barry
    Member

    Hi Debbie,

    Can you take a look at our Themer’s Guide (if you haven’t already done so) and follow the instructions for setting up a custom tribe-events.css stylesheet then add the following rule:

    .events-archive .tribe-events-event-entry p { margin: 12px 0px; }

    Does that help here?

    #72975
    Debbie
    Participant

    Thanks for the response, Barry. I did look at the Themer’s Guide, but I don’t see instructions for setting up a custom tribe-events.css stylesheet. I see some general instruction, but nothing that is step-by-step. It just says:
    To load custom styles for core views and elements, create a stylesheet called tribe-events.css in the tribe-events/ directory of your theme.

    #72993
    Barry
    Member

    Hi Debbie:

    To load custom styles for core views and elements, create a stylesheet called tribe-events.css in the tribe-events/ directory of your theme.

    Right – and that’s exactly what you’d do. So if your theme was Twenty Twelve, just as an example, you would create a new CSS file (containing the rule I provided above) at:

    wp-content/themes/twentytwelve/tribe-events/tribe-events.css

    Does that clarify things?

    #74042
    Debbie
    Participant

    I’ve never done anything with CSS files before, so would a file containing the following work? I only have Notepad to do this in, so I guess I would save as a text only file, then change the file extention to .css?
    ——
    @charset “utf-8”;
    /* CSS Document*/
    .events-archive .tribe-events-event-entry p { margin: 12px 0px; }

    #74062
    Barry
    Member

    Pretty much – and do remember that there are some great guides and tutorials out there on the wider web to help learn the basics of CSS, which could be a good starting point if you are unfamiliar with this sort of thing.

    #74063
    Debbie
    Participant

    Thanks. I will give this a try when I can on our dev site. I apologize for needing such direct guidance, but my job has extraordinarily broad scope, with managing our website being but a very small slice of that. I essentially have zero time for deep study of any sort. I appreciate the assistance I’ve received here.

    #74119
    Barry
    Member

    That’s completely understandable – I wish you luck in your trials with your dev site 🙂

    #982150
    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 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Spacing between paragraphs for event info in list view’ is closed to new replies.