{"id":856,"date":"2025-03-24T14:27:52","date_gmt":"2025-03-24T14:27:52","guid":{"rendered":"https:\/\/wpgeodirectory.com\/documentation\/article\/how-to-fix-logo-size-issues-in-map-bubbles\/"},"modified":"2025-04-03T15:24:12","modified_gmt":"2025-04-03T14:24:12","slug":"how-to-fix-logo-size-issues-in-map-bubbles","status":"publish","type":"gd_place","link":"https:\/\/wpgeodirectory.com\/documentation\/article\/custom-map-styles\/how-to-fix-logo-size-issues-in-map-bubbles\/","title":{"rendered":"How to Fix Logo Size Issues in Map Bubbles?"},"content":{"rendered":"\n<p>At times, when displaying logos in map bubbles, you might encounter size issues with the logo image files.&nbsp;<\/p>\n\n\n\n<p>You can use the following&nbsp;CSS to make sure that the logo in the map bubble is &#8216;contained&#8217; and shows in complete size in the bubble.&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks mb-3\"><code class=\"language-css\">#gd_map_canvas_directory_wrapper .bsui .embed-item-cover-xy {    \nobject-fit: contain;  \n}<\/code><\/pre>\n\n\n\n<div class=\"wp-block-blockstrap-blockstrap-widget-alert d-flex align-items-center fade show alert alert-info mb-3\" role=\"alert\"><span class=\"fas fa-info-circle me-2\"><\/span><span class=\"flex-grow-1\">You can add the above custom CSS using the Advanced CSS section in Theme Customizer, or via the <a href=\"https:\/\/wordpress.org\/plugins\/code-snippets\/\">Code Snippets<\/a> plugin.<\/span><\/div>\n","protected":false},"excerpt":{"rendered":"<p>At times, when displaying logos in map bubbles, you might encounter size issues with the logo image files.&nbsp; You can use the following&nbsp;CSS to make sure that the logo in the map bubble is &#8216;contained&#8217; and shows in complete size in the bubble.&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[692,693],"article\/categories":[213,413],"class_list":["post-856","gd_place","type-gd_place","status-publish","hentry","gd_place_tags-logo-in-map","gd_place_tags-custom-css","gd_placecategory-extensions-features","gd_placecategory-custom-map-styles"],"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/types\/gd_place"}],"author":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/comments?post=856"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/856\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/media?parent=856"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=856"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}