Tribe events venue details

[Sally Newcomb]

Is it possible to have the whole venue address on one line instead of 2?
http://dev.herefordequestrian.co.uk/events/

[Cliff]

Hi, Sally.

Please try this CSS, specific to your site’s List View:

body.post-type-archive-tribe_events.events-list span.tribe-address > br {
display: none;
}

Let me know how that goes for you.

[Sally Newcomb]

No, that didn’t work. I tried adding !important but still no joy.

[Cliff]

It could be that you have caching in place and didn’t clear that after adding this CSS, or it could be that you didn’t paste it in the right location.

How did you try adding it?

[Sally Newcomb]

I added it to tribe-events.css and also tried it in my website child theme custom.css but neither worked. I cleared the cache.
The other thing I tried, was using the plugin SiteOrigin CSS which has worked well for other css in tribe events. By targeting .tribe-events-list .tribe-events-venue-details I am able to change the layout of the venue in many ways, but not all into one line.

[Sally Newcomb]

Success, got it working by using only this part: .events-list span.tribe-address > br {
display: none;
}
The only thing missing is a comma after .tribe-street-address
Thank you.

[Cliff]

Try this:

.events-list span.tribe-street-address:after {
content: ",";
}

[Sally Newcomb]

Perfect, that worked a treat.

Is this the correct layout for the view as a day? It seems a little strange that the content is over to the right or is it because I’m not using images? Is there a way to get it to display on the left?

[Cliff]

This CSS:

#tribe-events-day .tribe-events-content { float: right; }

is coming from http://dev.herefordequestrian.co.uk/wp-content/plugins/the-events-calendar/src/resources/css/tribe-events-full.min.css

I was able to replicate this on my testing site so I’ve logged this as a bug internally.

I’ll mark this ticket as Pending Fix, which means this thread should receive a reply once the applicable fix has been released. I cannot guarantee when it will be fixed as it’s in the development team’s hands now. They need to assign it, code it, test it, and schedule it for release.

I apologize for this issue and appreciate your understanding and patience.

You could add this custom CSS temporarily until the fix is released:

body.post-type-archive-tribe_events #tribe-events-day .tribe-events-content {
float: left;
}

[Sally Newcomb]

Thank you for that.

I wonder if I have just found another bug. On mobile, if I select ‘View as Day’, it defaults back to View as Week. This is in the address bar: http://dev.herefordequestrian.co.uk/events/week/?tribe-bar-date=2016-12-14&undefined=Submit

[Cliff]

I was able to replicate that on your site, but not on our demo site: http://wpshindig.com/events/today/

I also wasn’t able to replicate it on my local testing site.

Your site’s redirect from Day to Week seemed delayed, too. It could be some custom code you have implemented that should be modified or removed.

[Nico]

Hey,

Just wanted to inform you that a developer reviewed the bug logged after the exchange here, and decided to decline it. These are the thoughts behind it:

• Only affects two users in our products user base. Making a change on this could potentially affect users for which this is working well.
• The issue, instead, comes from a max-width set on the list-views (day view, list view, etc) of 700px
• This 700px-value is used in a couple of different places throughout our CSS, and is intentional
• The problem, then, comes from this width not being “wide enough” in certain themes; especially with, for example, full-width page templates
• The solution, is for users who specifically have problems try either changing their Events template or adding the following bit of CSS:
  
.tribe-events-day .tribe-events-loop {
max-width: 100%; /* Or whatever width value they want other than the default 700px */
}


Thanks for the patience and once again for reporting this, if you still need help please let us know,
Best,
Nico

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts