{"id":6151,"date":"2025-05-06T13:17:56","date_gmt":"2025-05-06T11:17:56","guid":{"rendered":"https:\/\/www.open-user-map.com\/?post_type=ht_kb&#038;p=6151"},"modified":"2025-05-06T13:17:56","modified_gmt":"2025-05-06T11:17:56","slug":"how-to-change-the-popup-width","status":"publish","type":"ht_kb","link":"https:\/\/www.open-user-map.com\/de\/knowledge-base\/how-to-change-the-popup-width\/","title":{"rendered":"\u00c4ndern der Popup-Breite"},"content":{"rendered":"<p>Wenn Sie die Karten-Popups in Open User Map breiter machen m\u00f6chten, k\u00f6nnen Sie dies mit einem kleinen CSS-Schnipsel tun.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\" data-no-translation=\"\" data-no-auto-translation=\"\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#333545;color:#ebebe6\">CSS<\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code data-no-translation=\"\" data-no-auto-translation=\"\"><span class=\"line\"><span style=\"color: #62E884; font-style: italic\">.open-user-map<\/span><span style=\"color: #F286C4\"> <\/span><span style=\"color: #62E884; font-style: italic\">.box-wrap<\/span><span style=\"color: #F286C4\"> <\/span><span style=\"color: #62E884; font-style: italic\">.map-wrap<\/span><span style=\"color: #F286C4\"> <\/span><span style=\"color: #62E884; font-style: italic\">.leaflet-map<\/span><span style=\"color: #F286C4\"> <\/span><span style=\"color: #62E884; font-style: italic\">.leaflet-popup-content-wrapper<\/span><span style=\"color: #F286C4\"> <\/span><span style=\"color: #62E884; font-style: italic\">.leaflet-popup-content<\/span><span style=\"color: #F6F6F4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">\t<\/span><span style=\"color: #97E1F1\">width<\/span><span style=\"color: #F286C4\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">450<\/span><span style=\"color: #F286C4\">px<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #F286C4\">!important<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">So f\u00fcgen Sie das CSS hinzu<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Gehe zu <strong>Erscheinungsbild \u2192 Anpassen \u2192 Zus\u00e4tzliche CSS<\/strong> in Ihrem WordPress-Dashboard.<\/li>\n\n\n\n<li>F\u00fcgen Sie den obigen CSS-Code ein.<\/li>\n\n\n\n<li>Klicken Sie auf <strong>ver\u00f6ffentlichen.<\/strong> um Ihre \u00c4nderungen zu speichern.<\/li>\n<\/ol>\n\n\n\n<p>Damit wird die Breite des Popup-Inhaltsbereichs auf 450 Pixel festgelegt. Sie k\u00f6nnen diese Zahl an Ihre Bed\u00fcrfnisse anpassen.<\/p>","protected":false},"excerpt":{"rendered":"<p>Wenn Sie die Karten-Popups in Open User Map breiter machen m\u00f6chten, k\u00f6nnen Sie dies mit einem kleinen CSS-Snippet tun. So f\u00fcgen Sie das CSS hinzu Damit wird die Breite des Popup-Inhaltsbereichs auf 450 Pixel festgelegt. Sie k\u00f6nnen diese Zahl an Ihre Bed\u00fcrfnisse anpassen.<\/p>","protected":false},"author":50,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[25],"ht-kb-tag":[56,58,57],"class_list":["post-6151","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-customization","ht_kb_tag-css","ht_kb_tag-custom","ht_kb_tag-style"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Change the Popup Width - Open User Map WordPress Plugin<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.open-user-map.com\/de\/knowledge-base\/how-to-change-the-popup-width\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change the Popup Width - Open User Map WordPress Plugin\" \/>\n<meta property=\"og:description\" content=\"If you&#8217;d like to make the map popups in Open User Map wider, you can do this with a small CSS snippet. How to Add the CSS This will set the width of the popup content area to 450 pixels. You can adjust the number to fit your needs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.open-user-map.com\/de\/knowledge-base\/how-to-change-the-popup-width\/\" \/>\n<meta property=\"og:site_name\" content=\"Open User Map WordPress Plugin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\/\/www.open-user-map.com\/knowledge-base\/how-to-change-the-popup-width\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.open-user-map.com\/knowledge-base\/how-to-change-the-popup-width\/\"},\"author\":{\"name\":\"Daniel Sch\u00f6nherr\",\"@id\":\"https:\/\/www.open-user-map.com\/#\/schema\/person\/d9c8cbe470ae2702b6de61e0f73a7402\"},\"headline\":\"How to Change the Popup Width\",\"datePublished\":\"2025-05-06T11:17:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.open-user-map.com\/knowledge-base\/how-to-change-the-popup-width\/\"},\"wordCount\":76,\"publisher\":{\"@id\":\"https:\/\/www.open-user-map.com\/#organization\"},\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.open-user-map.com\/knowledge-base\/how-to-change-the-popup-width\/\",\"url\":\"https:\/\/www.open-user-map.com\/knowledge-base\/how-to-change-the-popup-width\/\",\"name\":\"How to Change the Popup Width - Open User Map WordPress Plugin\",\"isPartOf\":{\"@id\":\"https:\/\/www.open-user-map.com\/#website\"},\"datePublished\":\"2025-05-06T11:17:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.open-user-map.com\/knowledge-base\/how-to-change-the-popup-width\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.open-user-map.com\/knowledge-base\/how-to-change-the-popup-width\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.open-user-map.com\/knowledge-base\/how-to-change-the-popup-width\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.open-user-map.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Change the Popup Width\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.open-user-map.com\/#website\",\"url\":\"https:\/\/www.open-user-map.com\/\",\"name\":\"Open User Map\",\"description\":\"WordPress Map Plugin\",\"publisher\":{\"@id\":\"https:\/\/www.open-user-map.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.open-user-map.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.open-user-map.com\/#organization\",\"name\":\"Open User Map\",\"url\":\"https:\/\/www.open-user-map.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/www.open-user-map.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/09\/icon-256x256-1.png\",\"contentUrl\":\"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/09\/icon-256x256-1.png\",\"width\":256,\"height\":256,\"caption\":\"Open User Map\"},\"image\":{\"@id\":\"https:\/\/www.open-user-map.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.open-user-map.com\/#\/schema\/person\/d9c8cbe470ae2702b6de61e0f73a7402\",\"name\":\"Daniel Sch\u00f6nherr\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wie man die Popup-Breite \u00e4ndert - Open User Map WordPress Plugin","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.open-user-map.com\/de\/knowledge-base\/how-to-change-the-popup-width\/","og_locale":"de_DE","og_type":"article","og_title":"How to Change the Popup Width - Open User Map WordPress Plugin","og_description":"If you&#8217;d like to make the map popups in Open User Map wider, you can do this with a small CSS snippet. How to Add the CSS This will set the width of the popup content area to 450 pixels. You can adjust the number to fit your needs.","og_url":"https:\/\/www.open-user-map.com\/de\/knowledge-base\/how-to-change-the-popup-width\/","og_site_name":"Open User Map WordPress Plugin","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/www.open-user-map.com\/knowledge-base\/how-to-change-the-popup-width\/#article","isPartOf":{"@id":"https:\/\/www.open-user-map.com\/knowledge-base\/how-to-change-the-popup-width\/"},"author":{"name":"Daniel Sch\u00f6nherr","@id":"https:\/\/www.open-user-map.com\/#\/schema\/person\/d9c8cbe470ae2702b6de61e0f73a7402"},"headline":"How to Change the Popup Width","datePublished":"2025-05-06T11:17:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.open-user-map.com\/knowledge-base\/how-to-change-the-popup-width\/"},"wordCount":76,"publisher":{"@id":"https:\/\/www.open-user-map.com\/#organization"},"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/www.open-user-map.com\/knowledge-base\/how-to-change-the-popup-width\/","url":"https:\/\/www.open-user-map.com\/knowledge-base\/how-to-change-the-popup-width\/","name":"Wie man die Popup-Breite \u00e4ndert - Open User Map WordPress Plugin","isPartOf":{"@id":"https:\/\/www.open-user-map.com\/#website"},"datePublished":"2025-05-06T11:17:56+00:00","breadcrumb":{"@id":"https:\/\/www.open-user-map.com\/knowledge-base\/how-to-change-the-popup-width\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.open-user-map.com\/knowledge-base\/how-to-change-the-popup-width\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.open-user-map.com\/knowledge-base\/how-to-change-the-popup-width\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.open-user-map.com\/"},{"@type":"ListItem","position":2,"name":"How to Change the Popup Width"}]},{"@type":"WebSite","@id":"https:\/\/www.open-user-map.com\/#website","url":"https:\/\/www.open-user-map.com\/","name":"Open User Map","description":"WordPress Karten-Plugin","publisher":{"@id":"https:\/\/www.open-user-map.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.open-user-map.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.open-user-map.com\/#organization","name":"Open User Map","url":"https:\/\/www.open-user-map.com\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.open-user-map.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/09\/icon-256x256-1.png","contentUrl":"https:\/\/www.open-user-map.com\/wp-content\/uploads\/2023\/09\/icon-256x256-1.png","width":256,"height":256,"caption":"Open User Map"},"image":{"@id":"https:\/\/www.open-user-map.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.open-user-map.com\/#\/schema\/person\/d9c8cbe470ae2702b6de61e0f73a7402","name":"Daniel Sch\u00f6nherr"}]}},"_links":{"self":[{"href":"https:\/\/www.open-user-map.com\/de\/wp-json\/wp\/v2\/ht-kb\/6151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.open-user-map.com\/de\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.open-user-map.com\/de\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.open-user-map.com\/de\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/www.open-user-map.com\/de\/wp-json\/wp\/v2\/comments?post=6151"}],"version-history":[{"count":1,"href":"https:\/\/www.open-user-map.com\/de\/wp-json\/wp\/v2\/ht-kb\/6151\/revisions"}],"predecessor-version":[{"id":6152,"href":"https:\/\/www.open-user-map.com\/de\/wp-json\/wp\/v2\/ht-kb\/6151\/revisions\/6152"}],"wp:attachment":[{"href":"https:\/\/www.open-user-map.com\/de\/wp-json\/wp\/v2\/media?parent=6151"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.open-user-map.com\/de\/wp-json\/wp\/v2\/ht-kb-category?post=6151"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.open-user-map.com\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=6151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}