Split: Address format in map location bubble

This topic contains 20 replies, has 3 voices, and was last updated by  Giri 4 years, 4 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #394268

    Joy
    Buyer
    Post count: 1076

    Hi, just wondering how I would get the city and region on the same line below the street address. Currently, each element is stacked on top of one another.

    Thank you.

    #394351

    Giri
    Expired Member
    Post count: 3155

    Hi please provide the page url. So i can provide css.

    Thanks

    #394422

    Joy
    Buyer
    Post count: 1076
    This reply has been marked as private.
    #394474

    Giri
    Expired Member
    Post count: 3155
    
    
    .sd .sd-detail-info .sd-address {
        float: none !important;
    }
    #394516

    Joy
    Buyer
    Post count: 1076

    Sorry, but that doesn’t seem to work.

    This is currently how the address is displayed in the map bubble:

    Address:
    123 Some Street
    City
    Region
    Phone Number: (123) 456-7890

    This is how I would like it be display:
    Address:
    123 Some Stree
    City, Region
    Phone Number: (123) 456-7890

    #394570

    Kor
    Moderator
    Post count: 16516

    Hi Joy,

    Could you please insert this custom CSS code below and see if it helps?

    
    
    .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressRegion"] {
       display: inline-block!important;
    }
    .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressLocality"] {
       display: inline-block!important;   
    }
    .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressLocality"]::after {
       content:",";
       margin-right:5px;
    }

    Thanks!

    #394573

    Joy
    Buyer
    Post count: 1076

    That didn’t do anything. But this sorta helped. There’s still a bit of a gap between the street address and the city and region. I can see a <br> in the code outside of the css. It’s not critical or anything, but it would be nice if that could be fixed.

    .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressLocality"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressRegion"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressCountry"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="streetAddress"] {display:table:}

    Thank you.

    #394574

    Kor
    Moderator
    Post count: 16516

    Hi Joy,

    Try replacing it with the below and see if it works. It should look something like this http://prntscr.com/gi444e . If that doesn’t work still, please share Wp temp admin so that I could test the code directly.

    
    
    .geodir-bubble_desc .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressRegion"] {
       display: inline-block!important;
    }
    .geodir-bubble_desc .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressLocality"] {
       display: inline-block!important;   
    }
    .geodir-bubble_desc .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressLocality"]::after {
       content:",";
       margin-right:5px;
    }
    #394576

    Joy
    Buyer
    Post count: 1076

    I get the same result with the above code. I guess either will produce the same.

    But there’s a bigger than normal space between the street address and the city/region. Do you notice that?

    #394589

    Kor
    Moderator
    Post count: 16516

    Hi Joy,

    Please share WP temp admin access to your site so we can take a better look. You can post the details here using the private reply option below.

    #394613

    Giri
    Expired Member
    Post count: 3155

    Try this css.

    
    
    .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressLocality"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressRegion"] {
        display: inline-block !important;
        margin: 0;
        margin-bottom: 5px;
        margin-right: 5px;
    }

    My last reply was for detail page and i misunderstood your request.

    Thanks

    #394683

    Joy
    Buyer
    Post count: 1076
    This reply has been marked as private.
    #394710

    Joy
    Buyer
    Post count: 1076

    Sorry hold off on this. I found that I had some conflicting css that I need to clean up. I’ll let you know if I still need help with this. Thank you.

    #394712

    Joy
    Buyer
    Post count: 1076

    Okay, I’m back.

    The last snippet from Giri worked. But now I have another issue. How do I get the street address on a separate line from the “Address” heading?

    I also figure out what the problem was. I was using this code, which puts the address on a separate line, but I haven’t been able to figure it out how to tweak it to achieve what I want.

    
    
    /* map bubble address details */
    .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressLocality"], 
    .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressRegion"], 
    .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressCountry"],
    .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="streetAddress"] {
        display:block!important;
    }

    Thank you.

    #394713

    Joy
    Buyer
    Post count: 1076
    This reply has been marked as private.
Viewing 15 posts - 1 through 15 (of 21 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket