{"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\/es\/knowledge-base\/how-to-change-the-popup-width\/","title":{"rendered":"C\u00f3mo cambiar la anchura de la ventana emergente"},"content":{"rendered":"<p>Si quieres que las ventanas emergentes del mapa en Open User Map sean m\u00e1s anchas, puedes hacerlo con un peque\u00f1o fragmento de CSS.<\/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\">C\u00f3mo a\u00f1adir el CSS<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ir a <strong>Apariencia \u2192 Personalizar \u2192 CSS adicional<\/strong> en el panel de control de WordPress.<\/li>\n\n\n\n<li>Pega el c\u00f3digo CSS anterior.<\/li>\n\n\n\n<li>Haga clic en <strong>Publique<\/strong> para guardar los cambios.<\/li>\n<\/ol>\n\n\n\n<p>Esto fijar\u00e1 el ancho del \u00e1rea de contenido emergente en 450 p\u00edxeles. Puede ajustar el n\u00famero para satisfacer sus necesidades.<\/p>","protected":false},"excerpt":{"rendered":"<p>Si quieres que las ventanas emergentes del mapa en Open User Map sean m\u00e1s anchas, puedes hacerlo con un peque\u00f1o fragmento de CSS. C\u00f3mo a\u00f1adir el CSS Esto fijar\u00e1 la anchura del \u00e1rea de contenido emergente en 450 p\u00edxeles. Puedes ajustar este n\u00famero a tus necesidades.<\/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 v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Change the Popup Width - Open User Map<\/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\/es\/knowledge-base\/how-to-change-the-popup-width\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change the Popup Width - Open User Map\" \/>\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\/es\/knowledge-base\/how-to-change-the-popup-width\/\" \/>\n<meta property=\"og:site_name\" content=\"Open User Map\" \/>\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\":77,\"publisher\":{\"@id\":\"https:\\\/\\\/www.open-user-map.com\\\/#organization\"},\"inLanguage\":\"es\"},{\"@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\",\"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\":\"es\",\"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\":\"es\"},{\"@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\":\"es\",\"@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":"C\u00f3mo cambiar la anchura de la ventana emergente - Open User Map","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\/es\/knowledge-base\/how-to-change-the-popup-width\/","og_locale":"es_ES","og_type":"article","og_title":"How to Change the Popup Width - Open User Map","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\/es\/knowledge-base\/how-to-change-the-popup-width\/","og_site_name":"Open User Map","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":77,"publisher":{"@id":"https:\/\/www.open-user-map.com\/#organization"},"inLanguage":"es"},{"@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":"C\u00f3mo cambiar la anchura de la ventana emergente - Open User Map","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":"es","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":"Plugin de mapas de WordPress","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":"es"},{"@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":"es","@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\/es\/wp-json\/wp\/v2\/ht-kb\/6151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.open-user-map.com\/es\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.open-user-map.com\/es\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.open-user-map.com\/es\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/www.open-user-map.com\/es\/wp-json\/wp\/v2\/comments?post=6151"}],"version-history":[{"count":1,"href":"https:\/\/www.open-user-map.com\/es\/wp-json\/wp\/v2\/ht-kb\/6151\/revisions"}],"predecessor-version":[{"id":6152,"href":"https:\/\/www.open-user-map.com\/es\/wp-json\/wp\/v2\/ht-kb\/6151\/revisions\/6152"}],"wp:attachment":[{"href":"https:\/\/www.open-user-map.com\/es\/wp-json\/wp\/v2\/media?parent=6151"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.open-user-map.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=6151"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.open-user-map.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=6151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}