Home › Forums › Calendar Products › Events Calendar PRO › Spacing between paragraphs for event info in list view
- This topic has 9 replies, 3 voices, and was last updated 10 years, 9 months ago by
Support Droid.
-
AuthorPosts
-
October 23, 2013 at 8:42 am #72504
Debbie
ParticipantMy 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/2013October 23, 2013 at 8:48 am #72506Debbie
ParticipantAddendum: The event page itself looks fine. There must be some way to reflect the appropriate paragraph spacing for the event entry in list view.
October 23, 2013 at 3:57 pm #72588Barry
MemberHi 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?
October 25, 2013 at 10:11 am #72975Debbie
ParticipantThanks 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.October 25, 2013 at 12:13 pm #72993Barry
MemberHi 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?
October 31, 2013 at 9:08 am #74042Debbie
ParticipantI’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; }October 31, 2013 at 10:49 am #74062Barry
MemberPretty 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.
October 31, 2013 at 10:53 am #74063Debbie
ParticipantThanks. 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.
October 31, 2013 at 2:48 pm #74119Barry
MemberThat’s completely understandable – I wish you luck in your trials with your dev site 🙂
July 7, 2015 at 6:29 am #982150Support Droid
KeymasterThis 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. -
AuthorPosts
- The topic ‘Spacing between paragraphs for event info in list view’ is closed to new replies.
