Hi Joy,
You have been using multiple custom css for the same part. So it confuses me.
This is the structure you wanted
Address:
123 Some Street
City
Region
Phone Number: (123) 456-7890
This is how I would like it be displayed:
Address:
123 Some Street
City, Region
Phone Number: (123) 456-7890
But you didn’t clearly mention which part you are talking about. Then later you mentioned you are talking about bubble.
So I’m hoping at this moment you are only talking about the bubble in all pages.
If thats the case please remove all existing custom css and only use this part.
.geodir_more_info .geodir-i-location,
.geodir_more_info span[itemprop="streetAddress"] {
display: block !important;
}
.geodir_more_info span[itemprop="addressLocality"],
.geodir_more_info span[itemprop="addressRegion"] {
display: inline-block !important;
margin: 0;
margin-bottom: 5px;
margin-right: 5px;
}
.geodir_more_info span[itemprop="postalCode"] {
display: none !important;
}
Thanks