Support » Plugin: The Events Calendar » Spacing Between Address Components

  • Resolved ma3ry

    (@ma3ry)


    There is no spacing between city, state and zip code on my List page or on Single Event pages.

    Example: St Pete Beach,FL33706
    Should be: St Pete Beach, [space]FL [space]33706

    Example Boston,MA02215
    Should be: Boston, [space] MA [space]02215

    I tried it in Twenty-sixteen theme and it is the same.

    I had this problem before and was given the following Custom CSS, which did fix it, but it has reverted back.

    .tribe-events-event-meta .tribe-events-meta-group{
        width: 98% !important;  }
    .tribe-country-name {
        clear: both;
        display: block;  }

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Ed

    (@erishel)

    Hi again @ma3ry,

    Your site won’t load for me, but I may have a CSS tweak that can help here.

    Try:

    .tribe-events-event-meta .tribe-events-meta-group{
        letter-spacing: 0.0625em;
        width: 98% !important;  }

    Hope that helps!
    Ed 🙂

    Thank you Ed. No that didn’t help. It is not a general letter spacing issue.

    It is after
    class=”tribe-locality” “tribe-delimiter”
    and again after
    “abbr.tribe-region.tribe-events-abbr” (before .tribe-postal-code)

    See screenshot: https://prnt.sc/j5bsvb

    All is OK except the line with city, state, zip
    Two spaces are missing –
    1. the space between comma after city and before state
    2. the space between state and zip code

    It is the same in List View and in Single Page view.

    Plugin Support Ed

    (@erishel)

    This means that the theme is not allowing enough room for the data to be presented correctly.

    You’ll have to find which container your theme uses to hold the data (with inspector) and allow for it.

    Unfortunately, we can’t help with theme customization like this, just help point you in the right directions.

    Hope that helps!
    Ed 🙂

    You will see from the screenshot that in every case, the container is plenty wide enough to accommodate the street address, which is much wider than the city, state, zip so I don’t think that’s the problem

    Thank you for all your help. I will continue to work on it on my own. I won’t close the ticket just in case anyone else might have any ideas.

    Thank you again.

    I found the solution. /src/views/modules/address.php

    Line 46 – add a space just before closing span tag
    <span class="tribe-locality"><?php echo tribe_get_city( $venue_id ); ?></span><span class="tribe-delimiter">, </span>

    Line 52 – add a space just before closing </abbr> tag.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Spacing Between Address Components’ is closed to new replies.