Widget Fonts & Vertical Spacing

Home Forums Calendar Products Events Calendar PRO Widget Fonts & Vertical Spacing

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #132636
    Jennifer
    Participant

    Hi! 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!

    #133223
    Brook
    Participant

    Howdy 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

    #133286
    Jennifer
    Participant

    Thank 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! 🙂

    #135425
    Brook
    Participant

    Howdy 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

    #135468
    Jennifer
    Participant

    Yeah, 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!

    #135473
    Jennifer
    Participant

    Oh, wait – I got it! I was dropping it in at the wrong spot. Phew – thanks!

    #135483
    Jennifer
    Participant

    Actually, 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!

    #135769
    Brook
    Participant

    Howdy 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

    #135955
    Jennifer
    Participant

    Perfection! I know you went above and beyond form. GREATLY Appreciated!

    #136086
    Brook
    Participant

    You 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

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Widget Fonts & Vertical Spacing’ is closed to new replies.