Address not displaying correctly on Venue View

[eastbayaa]

There seems to be an extra space and comma appearing before the city, state, and country for all of my venues. Can you please tell me why this is occurring?
For example, instead of the second line of the address reading: “Berkeley, CA, United States”
It reads: ” , Berkeley, CA, United States”
Here’s a link: http://69.195.124.167/~eastbbc2/venue/berkeley-unitarian-church/
How can I fix this?

[Barry]

Looks like a slight CSS issue. Can you try adding the following line of CSS to a custom tribe-events.css stylesheet? If your theme makes available an area where you can enter custom CSS you could try using that, too, otherwise please refer to the Themer’s Guide for details about setting up a tribe-events.css stylesheet:

.tribe-events-venue .venue-address .tribe-events-address span.street-address { display: inline }

We do actually have some work in progress that should resolve this for most themes, but the above fix might tide you over until that arrives. Does that help at all?

[eastbayaa]

I’m not sure that helps. First of all I’m using a very basic theme (Twenty Eleven) so not sure why this is an issue in the first place.

Second, I tried to update my style sheet w/ the custom code you provided within a child theme I created, which I understand is the best way to modify a theme. Doing so through lots of other things out of whack like the menus, so that didn’t work.

Lastly, I’d like to try creating the “tribe-events.css” stylesheet you’ve suggested, but the Themer’s Guide does not provide complete enough instructions for me to understand exactly how to do this. It says what to name it and where to put it, but other than the code you’ve pasted above, I’m not sure what else needs to comprise that file. Can you please be more specific or provide an example that I could copy from? Thanks

[eastbayaa]

Oops… I meant “THREW lots of other things out of whack”, not “through”. Hope you got the gist.

[Barry]

Sure, so there’s not too much to adding a custom tribe-events.css stylesheet. The essence is to create a directory called tribe-events within your theme – unless of course you have already created one – and then add a plain text file called tribe-events.css within it, so the path would look something like:

wp-content/themes/twentyeleven/tribe-events/tribe-events.css

but other than the code you’ve pasted above, I’m not sure what else needs to comprise that file.

Nothing. In your case if this (the code I provided earlier) is the only style rule you need to add then that is all that needs to be there. If at some future point you find you need to add additional rules either to workaround a problem or just to further customize your event pages then you can add them in the same file, too.

Right now though the code I’ve provided in this thread should be sufficient by itself.

Does that clarify things?

[eastbayaa]

Thanks, I ended up pasting this into a custom CSS area via a Theme Extension and that did the trick.

[Barry]

Great!

[Author]

Posts