Map Bubble Customization

This topic contains 2 replies, has 2 voices, and was last updated by  Chris 4 years, 11 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #523333

    Chris
    Expired Member
    Post count: 6

    Hi folks, This is driving me BSC. I have tried every combination I could find on this site and every combination I see when inspecting the code. Who puts a </br> in address anyway?

    For curiosity’s sake, is this whats used to trigger location output? $value_br Seems like the easiest fix is to stop the swap from %% to _br%%. If I could find the file where this output template is, I would just customize it in my child rather than trying this through css.

    I am only wanting to affect the listing in the map bubble. See attached.

    Please take a look at my CSS tweaks and let me know where I am screwing the pooch.

    Thanks!

    /****GEODIRECTORY****/
    /*******Bubble Address Formatting************/
    .gm-style .gm-style-iw {
    font-weight: 500;
    font-size: 16px;
    overflow: hidden;
    }

    /*******Auto Image Height to fit logo************/
    .geodir-image-container ul.geodir-images li img {
    height: auto;
    }

    /********Bullshit Bubble Image Height*********/
    .gm-style .gm-style-iw .gd-bubble .gd-bubble-inside .geodir-bubble_desc .geodir-bubble_image li, .gm-style .gm-style-iw .gd-bubble .gd-bubble-inside .geodir-bubble_desc .geodir-bubble_image img{
    max-height: 60px;
    }

    /********Bubble Title Remove DEAD SPACE*********/
    .fusion-title-size-five, .geodir-bubble_desc h5{
    margin-top: 5px;
    margin-bottom: 5px;
    }

    /**Bubble Title – Remove Style**/
    /**.geodir-bubble-meta-side .geodir_post_meta:first-child span.geodir_post_meta_title {display:none;}
    /**Bubble Title – Change Style**/
    /**.geodir-bubble-meta-side .geodir-field-post_title {color:yellow;}

    /***********Bubble-TITLE*************/
    /**Map Bubble – Hide the Title Field Icon**/
    .geodir-bubble-meta-side .geodir_post_meta.geodir-field-post_title > span > i {
    display: none;
    }
    /**Map Bubble – Hide the Title Label**/
    .geodir-bubble-meta-side .geodir-field-post_title > span > span {
    display: none;
    }
    /**Map Bubble – Hide the Title**/
    .geodir-bubble-meta-side .geodir-field-post_title{
    display: none;
    }
    /***********Bubble-ADDRESS*************/
    /**Map Bubble – Remove Style**/
    .geodir-bubble-meta-side .geodir-field-address:first-child span.geodir-field-address {display:none;}
    /**Map Bubble – Hide the Address Field Icon**/
    .geodir-bubble-meta-side .geodir_post_meta.geodir-field-address > span > i {
    display: none;
    }

    /***********AUTO Height this crap isnt working, forces scroll*************/
    .main_map_wrapper .gm-style .gm-style-iw {
    min-height: 150px !important;
    }

    /**Map Bubble – Hide the Address Label**/
    .geodir-bubble-meta-side .geodir-field-address > span > span {
    display: none;
    }
    /***********Bubble-PHONE*************/
    /**Map Bubble – Hide the Phone Field Icon**/
    .geodir-bubble-meta-side .geodir_post_meta.geodir-field-phone > span> i {
    display: none;
    }
    /**Map Bubble – Hide the Phone Label**/
    .geodir-bubble-meta-side .geodir-field-phone > span > span {
    display: none;
    }

    /***********Address 2 lines attempt #343 WTF*************/

    .geodir-output-location .geodir-output-location-mapbubble div.geodir_post_meta.geodir-field-address,
    .geodir_post_meta span[itemprop=”streetAddress”] {
    display: inline-block !important;
    }
    .geodir_post_meta .geodir-field-address,
    .geodir_post_meta span[itemprop=”addressLocality”]::after {content:”,”;}
    .geodir_post_meta span[itemprop=”addressRegion”],
    .geodir_post_meta span[itemprop=”postalCode”]{
    display: inline-block;
    margin: 0;
    margin-bottom: 5px;
    margin-right: 5px;
    }

    #523343

    Alex Rollin
    Moderator
    Post count: 27815

    You can either customize it by adding the template to your child theme or a snippet for just the address both are covered here:

    https://wpgeodirectory.com/docs-v2/templates/map-bubble/

    #523378

    Chris
    Expired Member
    Post count: 6

    Man I wish I found that 26hrs ago. That fixed it. Thank!

Viewing 3 posts - 1 through 3 (of 3 total)

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

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount