v6 Single event design looks disgusting

  • Resolved fireemerald

    (@fireemerald)


    2 years, 5 months ago

    Under the V1 views from The Events Calendar V5 and older we had a simple but good looking design for single events. Now with the update to The Events Calendar V6 (and thus V2 views) the “Tribe Event Style” looks for a single event like crap – seriously(!)

    1. All event details are packed together in ONE row, it’s so small unusable
    2. The google maps integration is a joke as it’s now so small you see nothing on the map
    3. The “+ Add calendar” buttons look like broken on THREE lines?
    4. No margin nor padding to the outer container anymore – texts starts right away

    And the list view:

    1. No special highlight anymore for the entrance fee, nor for the address of the event – why? It’s so a simple thing.
    • This topic was modified 2 years, 5 months ago by fireemerald.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Abz

    (@abzlevelup)

    Hi @fireemerald, apologies for the delay here. It seems like this is due to your theme. I’m curious, could you interchange the settings under Display → Default stylesheet used for events templates and Events template? See what templates should fix some of the sections on your view here.

    Next Steps
    Although we do not fully support customization as per our Support Policy such as this, I’d like to share with you this Custom CSS that should be able to fix the single event view.

    Go to Appearances → Customize → Additional CSS and insert this Custom CSS here:

    .single-tribe_events #tribe-events-content {
  margin: 30px !important;
}
.single-tribe_events .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
  width: 300px !important;
}
.single-tribe_events .tribe-events-venue-map {
  width: 100% !important;
}
.single-tribe_events .tribe-events-meta-group {
  width: 100% !important;
  display: block !important;
}

    See the screen recording here with the Custom CSS applied:
    https://share.getcloudapp.com/4guerdnz

    It should work after applying this snippet. Make sure to clear the cache after. Moreover, you can check our Themer’s Guide to learn more about implementing CSS customization → https://theeventscalendar.com/knowledgebase/knowledgebase-category/customizing/.

    See if that works on your end. Let me know how it goes.

    Best,
    Abz

    Plugin Support Abz

    (@abzlevelup)

    Hi @fireemerald,

    We haven’t heard from you in a while, so I’m going to mark this as resolved. Feel free to start a new thread if you have any more questions.

    Thread Starter fireemerald

    (@fireemerald)

    Hi @abzlevelup,

    Sorry for the late response but i was really busy in the last weeks.
    I really appreciate your provided CSS and the link, it fixed the basic design.

    I wonder why your basic design was broken on this site as i don’t have that much other plugins installed.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘v6 Single event design looks disgusting’ is closed to new replies.