{"id":232,"date":"2022-12-10T17:55:16","date_gmt":"2022-12-10T17:55:16","guid":{"rendered":"https:\/\/blog.hostinger.io\/es\/support\/2022\/12\/10\/6463582-hostinger-creador-de-sitios-web-como-personalizar-los-colores-de-la-web\/"},"modified":"2025-08-26T21:51:07","modified_gmt":"2025-08-26T21:51:07","slug":"6463582-hostinger-creador-de-sitios-web-como-personalizar-los-colores-de-la-web","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/es\/support\/6463582-hostinger-creador-de-sitios-web-como-personalizar-los-colores-de-la-web\/","title":{"rendered":"Hostinger Creador de Sitios Web: C\u00f3mo Personalizar Los Colores de la Web"},"content":{"rendered":"<p class=\"no-margin\">Hay dos formas de personalizar los colores en la web:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_239a727f6a\" target=\"_blank\" class=\"intercom-content-link\">Globalmente<\/a>:<\/b> en la configuraci&oacute;n de estilo del sitio web global.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_d8394cfd76\" target=\"_blank\" class=\"intercom-content-link\">Localmente<\/a><\/b>: para cada elemento o secci&oacute;n individualmente.<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><hr><h1 id=\"h_239a727f6a\"><b>Configuraci&oacute;n de estilos globales<\/b><\/h1><p class=\"no-margin\">En el editor, expande el panel <b>Estilos<\/b> de la izquierda y abre la pesta&ntilde;a <b>Colores<\/b>. Aqu&iacute; ver&aacute;s todos los colores que se utilizan en tu sitio web. Los colores m&aacute;s usados aparecen en la parte superior de la lista. Haz clic en <b>Cambiar<\/b> junto a cualquier color, selecciona uno nuevo y este sustituir&aacute; al color anterior en todo tu sitio web: <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">En el editor, expande el panel <b>Estilos<\/b> de la izquierda y abre la pesta&ntilde;a <b>Colores<\/b>. Aqu&iacute; ver&aacute;s todos los colores que se usan en tu sitio web. Los colores m&aacute;s usados aparecen en la parte de arriba de la lista. Haz clic en <b>Cambiar<\/b> al lado de cualquier color, selecciona uno nuevo y este sustituir&aacute; al color que antes ten&iacute;as en todo tu sitio web: <\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/12\/46fc3f10-e76e-432d-9904-bae2e80b0807.jpg\"><\/div><p class=\"no-margin\"><b>No te olvides de que puedes editar la apariencia de elementos individuales y secciones manualmente (ver el apartado debajo).<\/b><\/p><p class=\"no-margin\">\n<\/p><hr><h1 id=\"h_d8394cfd76\"><b>Configuraci&oacute;n de estilo local<\/b><\/h1><p class=\"no-margin\">Haz clic en el elemento que quieres personalizar, selecciona <b>Editar<\/b> y cambia su color individualmente. Por ejemplo, haz clic en un <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6436143-website-builder-text-element\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">elemento de texto<\/a><\/b> y selecciona <b>Editar texto<\/b>. Luego, selecciona (resaltando) una parte del texto cuyo color te gustar&iacute;a cambiar y haz clic en un selector de color:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/12\/ff8a2895-5a62-453a-8f7b-c545e189d9b9.jpg\"><\/div><hr><p class=\"no-margin\">Puedes leer m&aacute;s aqu&iacute;:<\/p><ul>\n<li>\n<p class=\"no-margin\">C&oacute;mo personalizar el <b><a href=\"\/es\/support\/6463972-creador-de-sitios-web-como-personalizar-el-estilo-del-menu-de-navegacion\" target=\"_blank\" class=\"intercom-content-link\">estilo del men&uacute; de navegaci&oacute;n<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">C&oacute;mo cambiar el <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6462732-website-builder-section-background\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">fondo de la secci&oacute;n<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">C&oacute;mo agregar un <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6632359-website-builder-how-to-add-text-background\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">fondo a elementos de texto<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Aqu\u00ed te ense\u00f1amos c\u00f3mo cambiar los colores utilizando el Creador de sitios web<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[257],"tags":[],"class_list":["post-232","post","type-post","status-publish","format-standard","hentry","category-diseno"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6463582-hostinger-website-builder-how-to-change-website-colors\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6463582-hostinger-creador-de-sitios-web-como-personalizar-los-colores-de-la-web\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6463582-hostinger-createur-de-sites-web-comment-personnaliser-les-couleurs-du-site-web\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6463582-hostinger-website-builder-cara-mengubah-warna-website\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6463582-hostinger-svetainiu-kurimo-irankis-kaip-keisti-spalvas\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6463582-hostinger-criador-de-sites-como-personalizar-as-cores-do-site\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/comments?post=232"}],"version-history":[{"count":2,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/232\/revisions"}],"predecessor-version":[{"id":2691,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/232\/revisions\/2691"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/media?parent=232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/categories?post=232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/tags?post=232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}