#menu-dcha{float:right}ul.sub-menu{border:1px solid #343434}.destacado-menu{border:1px solid #fff;border-radius:2px;padding:15px 15px 10px 15px}li.destacado-menu.et_pb_menu_page_id-155.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-155{margin-top:-6px}.destacadomenugris{border:1px solid #343434;border-radius:2px;padding:15px 15px 10px 15px}li.destacadomenugris.et_pb_menu_page_id-9490.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-9490{margin-top:-6px}.et_pb_contact_form_0.et_pb_contact_form_container .et_pb_button{width:97%;margin-left:7px;margin-top:6px}body #page-container .et_pb_contact_form_0 .et_contact_bottom_container{width:100%}.bordederecho{border-right:1px solid black}.bordeizquierdo{border-left:1px solid black}flex-wrap:wrap}.first-on-mobile{-webkit-order:1;order:1}.second-on-mobile{-webkit-order:2;order:2}.third-on-mobile{-webkit-order:3;order:3}.fourth-on-mobile{-webkit-order:4;order:4}.custom_row:last-child .et_pb_column:last-child{margin-bottom:30px}}Tutorial Divi:Cómo añadir más columnas en las filas
12-03-2017 / Avanzado,Divi,Principiante,Trucos Divi / 4 minutos de lectura
Compartir enTwitter
Compartir enFacebook
Compartir enPocket
Compartir enLinkedIn
Compartir enWhatsApp
Compartir enTelegram
Como ya sabrás,las filas de Divi solo admiten 4 columnas por defecto,lo que viene a ser suficiente la mayoría de las veces,pero no todas ¿le añadimos más?
No todos los módulos de Divi son ideales para ponerlos a más de 4 columnas pero ¿a que más de una vez te hubiese gustado poner más módulos de anuncio (blurb) en una misma columna? A mi también.
Índice de contenidos	La magia del CSS
Aunque a veces suelo ponerlo lo último en esta ocasión me apetece poner primero el CSS necesario para poder disponer de más columnas en Divi.
Solo tienes que añadir las siguientes clases desde CSS adicional del personalizador:.diez-columnas .et_pb_module{width:10%;float:left}.nueve-columnas .et_pb_module{width:11.11%;float:left}.ocho-columnas .et_pb_module{width:12.5%;float:left}.siete-columnas .et_pb_module{width:14.28%;float:left}@media (max-width:980px){.diez-columnas .et_pb_module{width:20%}.nueve-columnas .et_pb_module{width:33.3%}.ocho-columnas .et_pb_module{width:25%}.siete-columnas .et_pb_module{width:25%}.seis-columnas .et_pb_module{width:33.3%}.cinco-columnas .et_pb_module{width:33.3%}}@media all and (max-width:767px){.diez-columnas .et_pb_module{width:100%}.nueve-columnas .et_pb_module{width:100%}.ocho-columnas .et_pb_module{width:100%}.siete-columnas .et_pb_module{width:50%}.seis-columnas .et_pb_module{width:100%}.cinco-columnas .et_pb_module{width:100%}}