Home › Forums › Calendar Products › Events Calendar PRO › Widget Fonts & Vertical Spacing
- This topic has 9 replies, 2 voices, and was last updated 12 years ago by
Brook.
-
AuthorPosts
-
April 14, 2014 at 4:12 pm #132636
Jennifer
ParticipantHi! I’m new to your events plugin, but I like it so far.
I’ve been looking through the forum, but I’m not sure I’ve found the answer I need yet. If you look at this screen shot (http://screencast.com/t/zV62l2duNF6M), you’ll see that there’s a huge vertical gap between each entry in the widget. How do I close this gap? Also, I’d like to reduce the font size of the event names (seen in rectangles). How do I go about doing this?
This is a theme-based site. I’m not a coder, so if you can be as specific as possible with your instructions, I’d greatly appreciate it.I found this article: https://theeventscalendar.com/support/documentation/events-calendar-themers-guide/. I have a child theme implemented, so I’ve created the directories and copied the PHP files.
I also added the widget-calendar.css in the tribe-events/pro/ directory of my theme. Perhaps the changes need to happen here? If yes, what would the code be to adjust the two areas highlighted in my screenshot? Thank you!April 15, 2014 at 9:16 am #133223Brook
ParticipantHowdy fmas490,
I think this little bit of CSS will help you:
Just so you know though, this is your themes style is applying to too many elements, including some Tribe ones, and causing unexpected behavior. Unfortunately we can not really help you with integrating your theme, that is something either you or someone you have hired who knows CSS will have to do. As we outline in our scope of support on various areas on this site, the support includes assistance with bug fixes and guidance on how to perform modifications, but not the actual code. Now that said, on I can slip a snippet of CSS or two past my manager. 🙂 I think this will one will help you fix this specific problem:
.widget.tribe-events-adv-list-widget ol li { padding: 0; margin: 0 0 2em; }If you you have some future CSS changes you would like to make and do not know someone whom you can hire, have no fear. We actually keep a list of freelancers who are quite capable of making changes on your behalf. You can obtain this list by emailing [email protected] and requesting it.
Does that make sense? Do you have any questions about our scope of support r anything? Please let me know. Cheers!
– Brook
April 15, 2014 at 10:09 am #133286Jennifer
ParticipantThank you! I appreciate you sneaking that over to me. 🙂 Any chance you can advise on what else I can add to make the biggest font smaller? I know, I’m pushing the envelope, but if you can, that’d be awesome – thanks! 🙂
April 17, 2014 at 10:57 am #135425Brook
ParticipantHowdy fmas490,
Pardon my delayed response. For that you would just want to play around with the font-size. For example
font-size:.875em;. You might want to read up a bit on CSS and how to change fonts/sizes. Those should be fairly easy. However, if you have lots of changes, it might be best for you to hire a developer. We actually keep a list of freelancers who are quite capable of making changes on your behalf. You can obtain this list by emailing [email protected] and requesting it. Many of them cater to smaller jobs like yours, so it is definitely an options to keep in mind. Thanks, let me know if you need anything else relating to this matter. If not, would you please mark this topic answered? Cheers!– Brook
April 17, 2014 at 12:09 pm #135468Jennifer
ParticipantYeah, I had tried that CSS already, but it had no effect. I wish I could hire a developer, but I’m doing this for the Animal Shelter at no cost as a volunteer. I may have to try to find a plugin that doesn’t require so much coding knowledge that is geared more toward theme-based websiters like me… Thanks anyway though!
April 17, 2014 at 12:16 pm #135473Jennifer
ParticipantOh, wait – I got it! I was dropping it in at the wrong spot. Phew – thanks!
April 17, 2014 at 12:27 pm #135483Jennifer
ParticipantActually, I have one more question. Please see this screenshot: http://screencast.com/t/DGIGdV8n
When I click to open an event, every event has the page title “The Blog” – you can see it here for example: http://dev.manchesteranimalshelter.org/event/2014-cruisin-for-critters/
Where are you pulling that page title from and how can I change it? Thanks!April 17, 2014 at 11:39 pm #135769Brook
ParticipantHowdy fmas490,
We do not really grab that tile from anywhere, that is part of your theme. Try a different theme and you will see that text does not appear. However, it might be possible to fix this by adding just a touch more CSS. Something like
.single-tribe_events .x-header-landmark {display: none;}should work.– Brook
April 18, 2014 at 5:59 am #135955Jennifer
ParticipantPerfection! I know you went above and beyond form. GREATLY Appreciated!
April 18, 2014 at 6:24 am #136086Brook
ParticipantYou are very welcome! We do what we can.
By the way, if you have a minute or two, we would love it if you could write a few words about the plugin here. Happy developing!
– Brook
-
AuthorPosts
- The topic ‘Widget Fonts & Vertical Spacing’ is closed to new replies.
