Event cost not displaying correctly after update

  • Resolved Celeste

    (@celeste-9)


    9 years ago

    Hello, after updating to TEC 3.12.5, the divider and cost on single event posts drop down to the second line, under the date. The date/cost line used to look like this:

    November 6 @ 6:30 pm – 10:30 pm | $5.00

    Now it looks like this:

    November 6 @ 6:30 pm – 10:30 pm
    | $5.00

    I checked your demo and it is not doing this, so I inspected the code. I see that the date line is wrapped in an h3 tag in your demo, and an h2 on my sites after the update to v 3.12.5. It appears that the styling applied to the h3 tag did not get updated when the heading was changed to h2.

    For now I added the CSS from your demo to my theme style sheet and it fixed the problem, but it seems this is a bug that should be fixed in a future release. This is the code I used in my stylesheet:

    .single-tribe_events .tribe-events-schedule h2 {
    font-size: 1.2em;
    display: inline-block;
    zoom: 1;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    white-space: nowrap;
    }

    Thanks.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • nicosantos

    (@nicosantos)

    Hi Celeste,

    Thanks for reporting this and also for including the fix you crafted for your site! If you switch the theme to default WordPress Tweenty Fifteen, is this showing the same way?

    Best,
    Nico

    Thread Starter Celeste

    (@celeste-9)

    I just checked it with Twenty Fifteen and all other plugins deactivated, and the cost is still dropping to the next line.

    Thanks for checking in,
    Celeste

    Thread Starter Celeste

    (@celeste-9)

    Here is one of the sites where this is happening:

    https://www.floydcountrystore.com/events

    The cost is displaying properly now because of my added CSS rule, but if you inspect the date and time line on a single event post (.tribe-events-schedule h2) and deselect my addition of display: inline-block, the price drops to the next line. It looks like the rule was not updated when the heading tag was changed from h3 to h2. Also this causes the date to display huge if you have a large h2 font. I set mine back to 18px.

    Hopes this helps (and apologies for double posting)!

    ggwicz

    (@ggwicz)

    Thanks for sharing this Celeste!

    Your addition of the display: inline-block; rule is actually the best step here; we simplified some CSS and may introduce more styles for this, but for now your approach is the best option. We went this route to accommodate a wider range of header styles that themes use.

    Thank you,
    George

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Event cost not displaying correctly after update’ is closed to new replies.