New Update Spacing Problems

  • Resolved FVacademy

    (@fvacademy)


    9 years, 2 months ago

    I updated to the new version of The Events Calendar today. I was using Tribe Events Styles: Blank Canvas template. After the update, my list view of events shows with a lot of extra spacing between lines. It used to view the same as the “Events Template” only without changing the color of the page. I have currently switched to the events template, but this template changes the background color of the page and does not view as nicely (in terms of my theme header) as the blank canvas. Anyone know how to remove all the extra spacing and make it more compact like the events template page?

    https://www.ads-software.com/plugins/the-events-calendar/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Brook

    (@brook-tribe)

    Howdy FVacademy,

    Modern Tribe employees can not provide much assistance with customizations on the volunteer forums here. However we do have an awesome community of volunteers that might be able to help you. But in order to help you they will probably need a link to your site to examine the issues you’ve described.

    I hope someone comes along. Cheers!
    – Brook

    Thread Starter FVacademy

    (@fvacademy)

    Hope so too, thanks.

    Link to site:

    Thread Starter FVacademy

    (@fvacademy)

    Let’s try this again: https://www.fvacademy.org/events/

    Hi. Thanks for the link.

    Your site has a lot of spacing added on <p> tags.

    Maybe something like this can help?

    body p {
margin-bottom: 5px;
}

    You can add custom CSS code via your child theme’s style.css file or via a plugin like Simple Custom CSS or, my favorite, Jetpack. Jetpack supports regular CSS and the LESS and Sass pre-processors.

    If you’re not a CSS expert, Jetpack’s Custom Design reference may prove helpful.

    Please let me know how it goes for you.

    Thread Starter FVacademy

    (@fvacademy)

    I tried adding it in the CSS editor a couple different ways:

    .tribe-events-list {
body p {
margin-bottom: 5px;
}
    .tribe-events-list {
margin-bottom: 5px;
}

    Neither one did anything to remove all the extra spacing. Thanks for the suggestion.

    GeoffBel

    (@geoffbel)

    Hey,

    Actually, the correct CSS syntax should be `.tribe-events-list p {
    margin-bottom: 5px !important;
    }`

    Hope this helps!

    Thread Starter FVacademy

    (@fvacademy)

    Thank you, that did help (a little)! There is still a lot of extra space, though.

    Clifford Paulick

    (@cliffpaulick)

    Sorry for the trouble with the styling.

    Please see this notice: https://theeventscalendar.com/support/forums/topic/spacing-issues-version-4-0-6/

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘New Update Spacing Problems’ is closed to new replies.