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 TicketTagged: Address Format, map bubble
-
AuthorPosts
-
December 29, 2019 at 8:42 pm #523333
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;
}December 29, 2019 at 10:16 pm #523343You can either customize it by adding the template to your child theme or a snippet for just the address both are covered here:
December 30, 2019 at 12:31 am #523378Man I wish I found that 26hrs ago. That fixed it. Thank!
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket