Home › Forums › Calendar Products › Events Calendar PRO › problem with styling the Events List Widget
- This topic has 8 replies, 2 voices, and was last updated 9 years, 8 months ago by Casey.
-
AuthorPosts
-
July 7, 2014 at 9:12 am #300462peterarthurwierengaParticipant
Dear Tribe,
We use the Events Manager Pro and use the Events List Widget in the footer. It takes up a lot of space, caused by
1. the space between the event-title and the event-date@time
2. the big space between the Title line and the first event. In the forum I looked in a.o. “Event List Widget: Want bullets and no blank line between events” and copied the codes mentioned in this forum-entry into the custom CSS of the (Total)Theme we use .tribe-events-adv-list-widget ol li { margin-bottom: 5px; }. I tried it with both !important and without is. It doesn’t work. From another entry I copied .tribe-events-adv-list-widget .entry-title { font-size: 11px; } into the Custom CSS and that works. Do you know what to do so we can adjust the spaces between the lines?Is there a list with the elements of this widget that I can use for styling this specific widget? Can you give me the path of the file that contains the styling in the folder of the plug-in (events-calendar-pro/…./…. )
Kind regardfs,
PeterJuly 8, 2014 at 7:59 am #310008CaseyParticipantPeter,
Thanks for getting in touch! Could you share a link to your Calendar with me, so I can investigate further? Thanks! ๐-Casey-
July 9, 2014 at 2:43 am #319017peterarthurwierengaParticipantHi Casey,
The site is not online yet. I can give you a temporary admin password for the WordPress backend. Can I sent that so only you and yiour collegues canb see?
Thanks, Peter
July 9, 2014 at 8:52 am #322245CaseyParticipantPeter,
Sure, just make sure you mark it as a private reply, and only our support staff will be able to see it. Thanks! ๐-Casey-
July 9, 2014 at 12:33 pm #323543peterarthurwierengaParticipantThis reply is private.
July 9, 2014 at 1:36 pm #323861peterarthurwierengaParticipantThis reply is private.
July 10, 2014 at 6:49 am #334704CaseyParticipantPeter,
As I suspected, this is caused by a styling rule that’s coming from your theme. If you look at ‘.site-footer .footer-widget .widget-title’ you’ll see that it has a bottom margin of 20px, along with the styling rule of your H4 tag, which has extra margins as well: ‘margin:30px 0 20px’. If you adjust those styling rules for your ‘.site-footer’ element, then that should resolve the spacing issue.Hopefully that points you in the right direction to fix this issue with your theme. Good luck and Thanks! ๐
-Casey-
July 20, 2014 at 9:14 pm #466569CaseyParticipantI just wanted to follow up and see if youโre all set here or if you still have further questions. Just let me know if you have further questions or if I should go ahead and close out this thread. Thanks! ๐
-Casey-
August 14, 2014 at 8:04 am #666291CaseyParticipantSince I havenโt heard back from you here, Iโm going to go ahead and close out this thread. Feel free to start a new thread if you have further issues. Thanks! ๐
-Casey-
-
AuthorPosts
- The topic ‘problem with styling the Events List Widget’ is closed to new replies.