{"id":11880,"date":"2024-12-20T20:32:22","date_gmt":"2024-12-20T20:32:22","guid":{"rendered":"https:\/\/wcanvas.com\/?post_type=blogs&#038;p=11880"},"modified":"2025-03-14T19:33:04","modified_gmt":"2025-03-14T19:33:04","slug":"como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress","status":"publish","type":"blogs","link":"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/","title":{"rendered":"C\u00f3mo cambiar las dimensiones del margen inferior en los bloques de WordPress"},"content":{"rendered":"\n<p>Si est\u00e1s aprendiendo a modificar el dise\u00f1o y la apariencia de tu sitio de WordPress, quiz\u00e1 te est\u00e9s preguntando c\u00f3mo cambiar las dimensiones del padding inferior de algunos de sus elementos.<\/p>\n\n\n\n<p>Si ese es el caso, ten\u00e9s suerte porque el proceso es bastante sencillo y directo. Vamos a meternos de lleno en el asunto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Puntos Clave<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Puedes cambiar el padding inferior (as\u00ed como los paddings superior, izquierdo y derecho) de un bloque modificando la configuraci\u00f3n de Padding individual de cada bloque.<\/li>\n\n\n\n<li>Alternativamente, podr\u00edas utilizar CSS personalizado para apuntar a un bloque espec\u00edfico o varios bloques usando una clase \u00fanica y la propiedad <strong>padding-bottom<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 son el Padding y el Margin en WordPress?<\/h2>\n\n\n\n<p>En WordPress y en el dise\u00f1o web en general, el padding y el margin son propiedades de CSS que controlan el espacio alrededor de los elementos en una p\u00e1gina web.<\/p>\n\n\n\n<p>El padding es el espacio entre el contenido de un elemento y sus bordes, as\u00ed que pod\u00e9s pensar en aumentar el padding como aumentar el espacio dentro de un bloque. Al incrementar el padding, empujar\u00e1s el contenido hacia adentro, alej\u00e1ndolo de los bordes del elemento.<\/p>\n\n\n\n<p>El margin se refiere al espacio entre el borde del elemento y los elementos que lo rodean. Pensalo como crear espacio fuera de un bloque, como si intentaras darle a tu bloque m\u00e1s &#8220;aire&#8221;.<\/p>\n\n\n\n<p>WordPress cuenta con configuraciones f\u00e1ciles de usar para modificar el padding y el margin de cada bloque y para modificar el margin y padding de los lados individuales del bloque.<\/p>\n\n\n\n<p>As\u00ed que, si quer\u00e9s aumentar o disminuir solo el margin o padding inferior, pod\u00e9s hacerlo muy f\u00e1cilmente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2 M\u00e9todos para Cambiar las Dimensiones del Padding Inferior en Bloques de WordPress<\/h2>\n\n\n\n<p>Pod\u00e9s cambiar las dimensiones del padding inferior de diversas maneras, pero las m\u00e1s simples son usando las configuraciones integradas de los bloques y usando CSS personalizado.<\/p>\n\n\n\n<p>Exploremos ambas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00e9todo 1: Cambiar el Padding Inferior con las Configuraciones de Bloque<\/h3>\n\n\n\n<p>La forma m\u00e1s f\u00e1cil y r\u00e1pida de cambiar solo el padding inferior de un bloque de WordPress es utilizando la barra lateral de configuraciones de cada bloque.<\/p>\n\n\n\n<p>Para probar esto, ve a cualquier publicaci\u00f3n o p\u00e1gina en tu sitio de WordPress y hace clic en cualquier bloque cuyo padding quer\u00e9s aumentar. En la barra lateral de configuraciones del bloque a la derecha, busca la secci\u00f3n <strong>Dimensiones<\/strong>. Hace clic en el bot\u00f3n <strong>+<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-1-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 navegando por la barra lateral de configuraciones del bloque para acceder a la funci\u00f3n de Dimensiones\" class=\"wp-image-11703\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-1-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-1-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-1-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-1.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Seleccion\u00e1 <strong>Padding<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-2-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 navegando por la barra lateral de configuraciones del bloque para acceder a la funci\u00f3n de Padding del bloque\" class=\"wp-image-11705\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-2-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-2-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-2-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-2.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ver\u00e1s 2 deslizadores. Uno de los deslizadores modifica el padding superior e inferior, y el otro modifica el padding izquierdo y derecho.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-3-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 editando las configuraciones de Padding de un bloque\" class=\"wp-image-11707\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-3-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-3-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-3-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-3.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Si quer\u00e9s cambiar solo el padding inferior, hace clic en el bot\u00f3n <strong>Desvincular lados<\/strong> justo arriba y a la derecha del deslizador superior. Este bot\u00f3n hace que cada lado del padding sea independiente de los dem\u00e1s.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-4-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 navegando por la barra lateral de configuraciones del bloque para desvincular los m\u00e1rgenes de un bloque de p\u00e1rrafo y hacerlos todos independientes entre s\u00ed\" class=\"wp-image-11709\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-4-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-4-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-4-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-4.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Cada lado del bloque ahora tiene configuraciones de padding independientes, as\u00ed que pod\u00e9s usar el deslizador que corresponde al padding inferior y modificarlo seg\u00fan tus necesidades sin alterar los otros lados. Un bloque azul aparecer\u00e1 a medida que modifiques el padding para representar c\u00f3mo se ver\u00e1 en tu sitio en vivo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-5-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 cambiando las configuraciones de Padding inferior de un bloque de p\u00e1rrafo\" class=\"wp-image-11711\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-5-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-5-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-5-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-5.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Si quer\u00e9s ser a\u00fan m\u00e1s preciso, pod\u00e9s hacer clic en el bot\u00f3n <strong>Establecer tama\u00f1o personalizado<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-6-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 navegando por la barra lateral de configuraciones del bloque para acceder al bot\u00f3n &quot;Establecer tama\u00f1o personalizado&quot; para modificar el padding\" class=\"wp-image-11713\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-6-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-6-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-6-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-6.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Pod\u00e9s modificar el padding hasta los p\u00edxeles y hasta <code>300px<\/code>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-7-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 modificando el padding inferior de un bloque de p\u00e1rrafo\" class=\"wp-image-11715\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-7-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-7-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-7-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-7.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Usando estas funciones, pod\u00e9s controlar el padding inferior, superior, izquierdo y derecho de cualquier bloque de WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00e9todo 2: Cambiar el Padding Inferior con CSS Personalizado<\/h3>\n\n\n\n<p>Aunque el primer m\u00e9todo deber\u00eda ser m\u00e1s que suficiente, y no deber\u00eda haber motivo para necesitar otro, siempre pod\u00e9s contar con CSS para ayudarte con cualquier necesidad de estilo de tu sitio web.<\/p>\n\n\n\n<p>Por lo tanto, lo a\u00f1adimos por completitud y porque podr\u00eda ayudarte a aprender m\u00e1s sobre c\u00f3mo controlar el dise\u00f1o de tu sitio.<\/p>\n\n\n\n<p>Si quer\u00e9s cambiar el padding inferior de un bloque de WordPress pero no quer\u00e9s usar las configuraciones de padding integradas explicadas anteriormente, siempre pod\u00e9s asignar una clase HTML \u00fanica a un bloque y a\u00f1adir estilo personalizado a esa clase.<\/p>\n\n\n\n<p>Vamos paso a paso.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Paso 1: Asignar una Clase HTML \u00danica a un Bloque<\/h4>\n\n\n\n<p>Las clases son atributos HTML utilizados por CSS y JavaScript para acceder y modificar elementos HTML de esa clase.<\/p>\n\n\n\n<p>Para asignar una clase HTML \u00fanica a un bloque de WordPress, ve a la p\u00e1gina o publicaci\u00f3n en tu sitio donde quer\u00e9s modificar el padding inferior. Hace clic en el bloque que quer\u00e9s estilizar y busca la secci\u00f3n <strong>Avanzado<\/strong> en la barra lateral de configuraciones del bloque a la derecha.<\/p>\n\n\n\n<p>Us\u00e1 la opci\u00f3n <strong>Clase(s) CSS Adicional(es)<\/strong> para a\u00f1adir una clase que sea \u00fanica en todo tu sitio, como <code>paragraph-custom-padding<\/code>. Preferentemente, usa guiones para separar las palabras. Hace clic en <strong>Guardar<\/strong> en la parte superior para guardar los cambios.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-8-1024x451.jpg\" alt=\"El editor Gutenberg de WordPress. El usuario est\u00e1 navegando por la barra lateral de configuraciones del bloque para asignar una clase HTML personalizada a un bloque\" class=\"wp-image-11717\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-8-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-8-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-8-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-8.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Con la clase en su lugar, el proceso para aplicar CSS personalizado a ella depende de tu tema. M\u00e1s espec\u00edficamente, depende de si pod\u00e9s acceder a la funci\u00f3n <strong>Apariencia &gt; Personalizar<\/strong> en tu panel de administraci\u00f3n de WordPress.<\/p>\n\n\n\n<p>Los temas cl\u00e1sicos te permiten usar esta funci\u00f3n (el Personalizador de Temas), mientras que los temas de bloques no.<\/p>\n\n\n\n<p>Veamos c\u00f3mo usar esta funci\u00f3n para a\u00f1adir CSS personalizado en temas cl\u00e1sicos y las alternativas si ten\u00e9s un tema de bloques.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Paso 2 (Temas Cl\u00e1sicos): A\u00f1adir CSS Personalizado con el Personalizador de Temas<\/h4>\n\n\n\n<p>Ve a <strong>Apariencia &gt; Personalizar &gt; CSS Adicional<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-9-1024x451.jpg\" alt=\"La funci\u00f3n Personalizar en WordPress que permite a los usuarios editar sus temas\" class=\"wp-image-11719\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-9-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-9-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-9-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-9.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>En la pantalla de <strong>CSS Adicional<\/strong>, a\u00f1ade el siguiente fragmento de CSS. Record\u00e1 insertar la clase que asignaste a tu bloque y modificar el <code>100px<\/code> a lo que necesites:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"css\" class=\"language-css line-numbers\">.paragraph-custom-padding {\n    padding-bottom: 100px;\n}<\/code><\/pre>\n\n\n\n<p>Hace clic en <strong>Publicar<\/strong> para guardar los cambios.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-10-1024x451.jpg\" alt=\"La funci\u00f3n Personalizar en WordPress que permite a los usuarios editar sus temas. El usuario est\u00e1 a\u00f1adiendo CSS personalizado con la funci\u00f3n &quot;CSS Adicional&quot;\" class=\"wp-image-11721\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-10-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-10-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-10-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-10.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Si visit\u00e1s la(s) publicaci\u00f3n(es) con la clase que asignaste despu\u00e9s de a\u00f1adir el CSS personalizado, deber\u00edas ver los cambios en el padding inferior.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-11-1024x451.jpg\" alt=\"Una publicaci\u00f3n de blog de WordPress. Uno de los p\u00e1rrafos tiene un gran padding inferior\" class=\"wp-image-11723\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-11-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-11-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-11-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-11.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Paso 2 (Temas de Bloques): A\u00f1adir CSS Personalizado Editando Hojas de Estilo<\/h4>\n\n\n\n<p>Con el nombre de clase en su lugar, ten\u00e9s 3 opciones para a\u00f1adir CSS personalizado:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navegar por tus archivos de WordPress utilizando un panel de control de hosting como cPanel, un cliente FTP como FileZilla, o un entorno local. La ubicaci\u00f3n del archivo que ten\u00e9s que editar es <strong>wp-content\/themes\/tu-tema-activo\/style.css<\/strong>. Tambi\u00e9n podr\u00eda ser <strong>styles.css<\/strong>.<\/li>\n\n\n\n<li>Usar un plugin de fragmentos de c\u00f3digo como <a href=\"https:\/\/wordpress.org\/plugins\/insert-headers-and-footers\/\" target=\"_blank\" rel=\"noreferrer noopener\">WPCode<\/a> y <a href=\"https:\/\/wordpress.org\/plugins\/code-snippets\/\" target=\"_blank\" rel=\"noreferrer noopener\">Code Snippets<\/a> para a\u00f1adir CSS personalizado sin navegar por archivos del n\u00facleo. Este m\u00e9todo tiene la ventaja de conservar estilos personalizados si alguna vez actualiz\u00e1s tu tema.<\/li>\n\n\n\n<li>Crear un tema hijo y a\u00f1adir CSS personalizado a \u00e9l. Este m\u00e9todo tambi\u00e9n retiene CSS personalizado despu\u00e9s de actualizar tu tema.<\/li>\n<\/ul>\n\n\n\n<p>Independientemente del m\u00e9todo, necesit\u00e1s a\u00f1adir el siguiente fragmento de CSS personalizado. Reemplaz\u00e1 la clase por la que hayas asignado a tu bloque y modific\u00e1 el <code>100px<\/code> a lo que necesites:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"css\" class=\"language-css line-numbers\">.paragraph-custom-padding {\n    padding-bottom: 100px;\n}<\/code><\/pre>\n\n\n\n<p>Guard\u00e1 el archivo <strong>style.css<\/strong> o <strong>styles.css<\/strong>, y los cambios deber\u00edan reflejarse en tu sitio de inmediato.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dale Estilo a tus Bloques y Cambia el Padding Inferior en WordPress<\/h2>\n\n\n\n<p>Como pod\u00e9s ver, aprender a cambiar el padding inferior de un bloque de WordPress es realmente sencillo y directo, ya que la plataforma tiene funciones integradas para modificar diversas configuraciones de estilo.<\/p>\n\n\n\n<p>Alternativamente, siempre podr\u00edas usar CSS personalizado para apuntar a un bloque espec\u00edfico con una clase \u00fanica.<\/p>\n\n\n\n<p>Ojal\u00e1 puedas utilizar estos nuevos conocimientos de estilo para tomar el control del dise\u00f1o de tu sitio de WordPress.<\/p>\n\n\n\n<p>Si encontraste \u00fatil este art\u00edculo, <a href=\"https:\/\/wcanvas.com\/es\/blogs\/\">le\u00e9 nuestro blog<\/a> y <a href=\"https:\/\/wcanvas.com\/es\/resources\/\">recursos para desarrolladores<\/a> para m\u00e1s ideas y gu\u00edas!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si est\u00e1s aprendiendo a modificar el dise\u00f1o y la apariencia de tu sitio de WordPress, quiz\u00e1 te est\u00e9s preguntando c\u00f3mo cambiar las dimensiones del padding inferior de algunos de sus elementos. Si ese es el caso, ten\u00e9s suerte porque el proceso es bastante sencillo y directo. Vamos a meternos de lleno en el asunto. Puntos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":11725,"template":"","blog-categories":[77,90],"class_list":["post-11880","blogs","type-blogs","status-publish","has-post-thumbnail","hentry","blog-categories-paso-a-paso","blog-categories-wordpress-101-es"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo cambiar las dimensiones del margen inferior en los bloques de WordPress - White Canvas<\/title>\n<meta name=\"description\" content=\"Aprend\u00e9 a cambiar las dimensiones del padding inferior de tus bloques de WordPress y obten\u00e9 m\u00e1s control sobre el dise\u00f1o y la disposici\u00f3n de tu sitio.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo cambiar las dimensiones del margen inferior en los bloques de WordPress - White Canvas\" \/>\n<meta property=\"og:description\" content=\"Aprend\u00e9 a cambiar las dimensiones del padding inferior de tus bloques de WordPress y obten\u00e9 m\u00e1s control sobre el dise\u00f1o y la disposici\u00f3n de tu sitio.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"White Canvas\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-14T19:33:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-HERO.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"528\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": [\n\t                \"Article\",\n\t                \"BlogPosting\"\n\t            ],\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/\"\n\t            },\n\t            \"author\": {\n\t                \"@type\": \"Organization\",\n\t                \"name\": \"Wcanvas\",\n\t                \"url\": \"https:\/\/wcanvas.com\/\"\n\t            },\n\t            \"headline\": \"C\u00f3mo cambiar las dimensiones del margen inferior en los bloques de WordPress\",\n\t            \"datePublished\": \"2024-12-20T20:32:22+00:00\",\n\t            \"dateModified\": \"2025-03-14T19:33:04+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@type\": \"WebPage\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/\"\n\t            },\n\t            \"wordCount\": 1319,\n\t            \"publisher\": {\n\t                \"@type\": \"Organization\",\n\t                \"name\": \"Wcanvas\",\n\t                \"logo\": {\n\t                    \"@type\": \"ImageObject\",\n\t                    \"url\": \"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png\"\n\t                }\n\t            },\n\t            \"image\": [],\n\t            \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-HERO.jpg\",\n\t            \"inLanguage\": \"es\",\n\t            \"description\": null\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/\",\n\t            \"name\": \"C\u00f3mo cambiar las dimensiones del margen inferior en los bloques de WordPress - White Canvas\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-HERO.jpg\",\n\t            \"datePublished\": \"2024-12-20T20:32:22+00:00\",\n\t            \"dateModified\": \"2025-03-14T19:33:04+00:00\",\n\t            \"description\": \"Aprend\u00e9 a cambiar las dimensiones del padding inferior de tus bloques de WordPress y obten\u00e9 m\u00e1s control sobre el dise\u00f1o y la disposici\u00f3n de tu sitio.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"es\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"es\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/#primaryimage\",\n\t            \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-HERO.jpg\",\n\t            \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-HERO.jpg\",\n\t            \"width\": 1200,\n\t            \"height\": 528,\n\t            \"caption\": \"colorful JavaScript code over a black screen\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/wcanvas.com\/es\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Blogs\",\n\t                    \"item\": \"https:\/\/wcanvas.com\/es\/blogs\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 3,\n\t                    \"name\": \"C\u00f3mo cambiar las dimensiones del margen inferior en los bloques de WordPress\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#website\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t            \"name\": \"White Canvas\",\n\t            \"description\": \"\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/wcanvas.com\/es\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"es\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\",\n\t            \"name\": \"White Canvas\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"es\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t                \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t                \"width\": 115,\n\t                \"height\": 32,\n\t                \"caption\": \"White Canvas\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\"\n\t            },\n\t            \"alternateName\": \"Wcanvas\",\n\t            \"contactPoint\": [\n\t                {\n\t                    \"@type\": \"ContactPoint\",\n\t                    \"telephone\": \"+1 (347) 688 2902\",\n\t                    \"contactType\": \"sales\",\n\t                    \"contactOption\": \"TollFree\",\n\t                    \"areaServed\": \"US\",\n\t                    \"availableLanguage\": \"en\"\n\t                },\n\t                {\n\t                    \"@type\": \"ContactPoint\",\n\t                    \"telephone\": \"+54 (11) 5236 4717\",\n\t                    \"contactType\": \"sales\",\n\t                    \"contactOption\": \"TollFree\",\n\t                    \"areaServed\": \"AR\",\n\t                    \"availableLanguage\": \"es\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198\",\n\t            \"name\": \"Nicolas Pisani\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"es\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/\",\n\t                \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t                \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t                \"caption\": \"Nicolas Pisani\"\n\t            },\n\t            \"sameAs\": [\n\t                \"https:\/\/wcanvas.com\",\n\t                \"#\",\n\t                \"https:\/\/www.instagram.com\/whitecanvasteam\/\",\n\t                \"https:\/\/x.com\/wcanvas\"\n\t            ]\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo cambiar las dimensiones del margen inferior en los bloques de WordPress - White Canvas","description":"Aprend\u00e9 a cambiar las dimensiones del padding inferior de tus bloques de WordPress y obten\u00e9 m\u00e1s control sobre el dise\u00f1o y la disposici\u00f3n de tu sitio.","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:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo cambiar las dimensiones del margen inferior en los bloques de WordPress - White Canvas","og_description":"Aprend\u00e9 a cambiar las dimensiones del padding inferior de tus bloques de WordPress y obten\u00e9 m\u00e1s control sobre el dise\u00f1o y la disposici\u00f3n de tu sitio.","og_url":"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/","og_site_name":"White Canvas","article_modified_time":"2025-03-14T19:33:04+00:00","og_image":[{"width":1200,"height":528,"url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-HERO.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/#article","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/"},"author":{"@type":"Organization","name":"Wcanvas","url":"https:\/\/wcanvas.com\/"},"headline":"C\u00f3mo cambiar las dimensiones del margen inferior en los bloques de WordPress","datePublished":"2024-12-20T20:32:22+00:00","dateModified":"2025-03-14T19:33:04+00:00","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/"},"wordCount":1319,"publisher":{"@type":"Organization","name":"Wcanvas","logo":{"@type":"ImageObject","url":"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png"}},"image":[],"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-HERO.jpg","inLanguage":"es","description":null},{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/","url":"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/","name":"C\u00f3mo cambiar las dimensiones del margen inferior en los bloques de WordPress - White Canvas","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-HERO.jpg","datePublished":"2024-12-20T20:32:22+00:00","dateModified":"2025-03-14T19:33:04+00:00","description":"Aprend\u00e9 a cambiar las dimensiones del padding inferior de tus bloques de WordPress y obten\u00e9 m\u00e1s control sobre el dise\u00f1o y la disposici\u00f3n de tu sitio.","breadcrumb":{"@id":"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/#primaryimage","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-HERO.jpg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/12\/change-bottom-padding-HERO.jpg","width":1200,"height":528,"caption":"colorful JavaScript code over a black screen"},{"@type":"BreadcrumbList","@id":"https:\/\/wcanvas.com\/es\/blog\/como-cambiar-las-dimensiones-del-margen-inferior-en-los-bloques-de-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wcanvas.com\/es\/"},{"@type":"ListItem","position":2,"name":"Blogs","item":"https:\/\/wcanvas.com\/es\/blogs\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo cambiar las dimensiones del margen inferior en los bloques de WordPress"}]},{"@type":"WebSite","@id":"https:\/\/wcanvas.com\/es\/#website","url":"https:\/\/wcanvas.com\/es\/","name":"White Canvas","description":"","publisher":{"@id":"https:\/\/wcanvas.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wcanvas.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wcanvas.com\/es\/#organization","name":"White Canvas","url":"https:\/\/wcanvas.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","width":115,"height":32,"caption":"White Canvas"},"image":{"@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/"},"alternateName":"Wcanvas","contactPoint":[{"@type":"ContactPoint","telephone":"+1 (347) 688 2902","contactType":"sales","contactOption":"TollFree","areaServed":"US","availableLanguage":"en"},{"@type":"ContactPoint","telephone":"+54 (11) 5236 4717","contactType":"sales","contactOption":"TollFree","areaServed":"AR","availableLanguage":"es"}]},{"@type":"Person","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198","name":"Nicolas Pisani","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","caption":"Nicolas Pisani"},"sameAs":["https:\/\/wcanvas.com","#","https:\/\/www.instagram.com\/whitecanvasteam\/","https:\/\/x.com\/wcanvas"]}]}},"_links":{"self":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs\/11880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs"}],"about":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/types\/blogs"}],"author":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media\/11725"}],"wp:attachment":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media?parent=11880"}],"wp:term":[{"taxonomy":"blog-categories","embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blog-categories?post=11880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}