[et_pb_section fb_built=\u00bb1″ admin_label=\u00bbsection\u00bb _builder_version=\u00bb4.16″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_row admin_label=\u00bbrow\u00bb _builder_version=\u00bb4.16″ background_size=\u00bbinitial\u00bb background_position=\u00bbtop_left\u00bb background_repeat=\u00bbrepeat\u00bb custom_padding=\u00bb||||false|false\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ custom_padding=\u00bb|||\u00bb global_colors_info=\u00bb{}\u00bb custom_padding__hover=\u00bb|||\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n
\u00a1Finalmente! Aqu\u00ed hay una manera s\u00f3lida y f\u00e1cil de cambiar el n\u00famero de columnas en dispositivos m\u00f3viles y tabletas en Divi. Al agregar un poco de CSS personalizado, obtendr\u00e1 control total sobre cu\u00e1ntas columnas mostrar en dispositivos m\u00f3viles y tabletas en cada fila Divi.<\/strong><\/p>\n Desbloquee de 2 a 6 columnas en dispositivos m\u00f3viles y tabletas con un buen espacio entre y debajo de las columnas. Esta es una soluci\u00f3n m\u00e1s robusta que algunas soluciones r\u00e1pidas y sucias<\/em>, por ejemplo Al final del art\u00edculo, mostrar\u00e9 c\u00f3mo puede ahorrar tiempo utilizando los ajustes preestablecidos globales de Divi<\/strong> para cambiar el n\u00famero de columnas en dispositivos m\u00f3viles y tabletas, sin tener que agregar clases CSS personalizadas a sus filas.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_2,1_2″ use_custom_gutter=\u00bbon\u00bb gutter_width=\u00bb4″ _builder_version=\u00bb4.16″ locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb1_2″ _builder_version=\u00bb4.16″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ text_orientation=\u00bbcenter\u00bb custom_margin=\u00bb||10px||false|false\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/divimundo.com\/wp-content\/uploads\/2022\/03\/1-column-mobile-in-divi.png\u00bb alt=\u00bbDivi muestra una columna en el m\u00f3vil de forma predeterminada\u00bb title_text=\u00bbDivi muestra una columna en el m\u00f3vil de forma predeterminada\u00bb show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16″ custom_margin=\u00bb||10px||false|false\u00bb custom_padding=\u00bb||||false|false\u00bb border_radii=\u00bbon|5px|5px|5px|5px\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][\/et_pb_column][et_pb_column type=\u00bb1_2″ _builder_version=\u00bb4.16″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ text_orientation=\u00bbcenter\u00bb custom_margin=\u00bb||10px||false|false\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/divimundo.com\/wp-content\/uploads\/2022\/03\/multiple-columns-on-mobile-in-divi.png\u00bb alt=\u00bbMostrar varias columnas en la misma fila en el m\u00f3vil en Divi\u00bb title_text=\u00bbMostrar varias columnas en la misma fila en el m\u00f3vil en Divi\u00bb show_in_lightbox=\u00bbon\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16″ custom_margin=\u00bb||10px||false|false\u00bb custom_padding=\u00bb||||false|false\u00bb border_radii=\u00bbon|5px|5px|5px|5px\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_video src=\u00bbhttps:\/\/youtu.be\/dPW_R2GABkw\u00bb image_src=\u00bbhttps:\/\/divimundo.com\/wp-content\/uploads\/2022\/03\/change-columns-on-mobile-in-divi.jpeg\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_video][et_pb_button button_url=\u00bbhttps:\/\/www.youtube.com\/c\/divimundo\/\u00bb url_new_window=\u00bbon\u00bb button_text=\u00bbSuscr\u00edbete en YouTube\u00bb button_alignment=\u00bbcenter\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb custom_button=\u00bboff\u00bb background_layout=\u00bbdark\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb custom_css_main_element_last_edited=\u00bbon|desktop\u00bb custom_css_main_element_tablet=\u00bbfont-size:10px !important;\u00bb custom_css_main_element_phone=\u00bbfont-size:10px !important;\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||1px|||\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n El primer paso para cambiar el n\u00famero de columnas en Divi para m\u00f3viles y tabletas es agregar alg\u00fan CSS personalizado.<\/p>\n Consejo profesional:<\/strong> Copie todo el fragmento de CSS para acceder a todas las<\/strong> opciones de columna adicionales para dispositivos m\u00f3viles y tabletas. Si solo necesita una opci\u00f3n espec\u00edfica, por ejemplo, 2 columnas en el m\u00f3vil<\/strong>, solo necesita copiar esa parte espec\u00edfica del fragmento (fila 3-21 a continuaci\u00f3n).<\/em>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.18.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb sticky_enabled=\u00bb0″][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.18.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb sticky_enabled=\u00bb0″]<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_2,1_2″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb||||false|false\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb1_2″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||10px||false|false\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n [\/et_pb_text][dsm_icon_list list_layout=\u00bbhorizontal\u00bb list_space_between=\u00bb16px\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][dsm_icon_list_child text=\u00bb1 columna en el m\u00f3vil\u00bb font_icon=\u00bb||fa||400″ use_tooltip=\u00bbon\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Si no cambias nada, la fila Divi mostrar\u00e1 solo una columna en el m\u00f3vil.<\/p>\n [\/dsm_icon_list_child][dsm_icon_list_child text=\u00bb2 columnas en el m\u00f3vil\u00bb font_icon=\u00bb||fa||400″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/dsm_icon_list_child][dsm_icon_list_child text=\u00bb3 columnas en el m\u00f3vil\u00bb font_icon=\u00bb||fa||400″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/dsm_icon_list_child][dsm_icon_list_child text=\u00bb4 columnas en el m\u00f3vil\u00bb font_icon=\u00bb||fa||400″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/dsm_icon_list_child][dsm_icon_list_child text=\u00bb5 columnas en el m\u00f3vil\u00bb font_icon=\u00bb||fa||400″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/dsm_icon_list_child][dsm_icon_list_child text=\u00bb6 columnas en el m\u00f3vil\u00bb font_icon=\u00bb||fa||400″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/dsm_icon_list_child][\/dsm_icon_list][\/et_pb_column][et_pb_column type=\u00bb1_2″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||10px||false|false\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n [\/et_pb_text][dsm_icon_list list_layout=\u00bbhorizontal\u00bb list_space_between=\u00bb16px\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][dsm_icon_list_child text=\u00bb1 columna en tableta\u00bb font_icon=\u00bb||fa||400″ use_tooltip=\u00bbon\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Esto es \u00fatil si desea evitar que Divi muestre, por ejemplo, tres columnas en la tableta cuando muestre seis columnas en el escritorio.<\/p>\n [\/dsm_icon_list_child][dsm_icon_list_child text=\u00bb2 columnas en tableta\u00bb font_icon=\u00bb||fa||400″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/dsm_icon_list_child][dsm_icon_list_child text=\u00bb3 columnas en tableta\u00bb font_icon=\u00bb||fa||400″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/dsm_icon_list_child][dsm_icon_list_child text=\u00bb4 columnas en tableta\u00bb font_icon=\u00bb||fa||400″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/dsm_icon_list_child][dsm_icon_list_child text=\u00bb5 columnas en tableta\u00bb font_icon=\u00bb||fa||400″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/dsm_icon_list_child][dsm_icon_list_child text=\u00bb6 columnas en tableta\u00bb font_icon=\u00bb||fa||400″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/dsm_icon_list_child][\/dsm_icon_list][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb||47px|||\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Para aplicar el nuevo recuento de columnas para dispositivos m\u00f3viles y tabletas, debe agregar las clases CSS correspondientes<\/strong> a su fila Divi. Eso en realidad tomar\u00e1 menos tiempo que leer este p\u00e1rrafo del texto.<\/p>\n Tenga en cuenta:<\/strong> A veces, Divi Visual Builder no muestra la nueva estructura de columnas de la manera correcta en el backend. Guarde y obtenga una vista previa en el frontend para ver el resultado final.<\/em><\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_3,1_3,1_3″ module_class=\u00bbthree-col-tab three-col-mob\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb background_color=\u00bb#7D75D9″ custom_padding=\u00bb14px|30px|2px|30px|false|true\u00bb border_radii=\u00bboff|10px|10px||\u00bb border_color_top=\u00bb#BABABA\u00bb border_width_right=\u00bb1px\u00bb border_color_right=\u00bb#bababa\u00bb border_width_bottom=\u00bb1px\u00bb border_color_bottom=\u00bb#bababa\u00bb border_width_left=\u00bb1px\u00bb border_color_left=\u00bb#bababa\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb background_layout=\u00bbdark\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb header_4_font_size_tablet=\u00bb18px\u00bb header_4_font_size_phone=\u00bb16px\u00bb header_4_font_size_last_edited=\u00bbon|tablet\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb background_layout=\u00bbdark\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb header_4_font_size_tablet=\u00bb\u00bb header_4_font_size_phone=\u00bb16px\u00bb header_4_font_size_last_edited=\u00bbon|phone\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb background_layout=\u00bbdark\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb header_4_font_size_tablet=\u00bb\u00bb header_4_font_size_phone=\u00bb16px\u00bb header_4_font_size_last_edited=\u00bbon|phone\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_3,1_3,1_3″ module_class=\u00bbthree-col-tab three-col-mob\u00bb _builder_version=\u00bb4.17.0″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb10px|30px|10px|30px|true|true\u00bb border_width_right=\u00bb1px\u00bb border_color_right=\u00bb#bababa\u00bb border_width_bottom=\u00bb1px\u00bb border_color_bottom=\u00bb#bababa\u00bb border_width_left=\u00bb1px\u00bb border_color_left=\u00bb#bababa\u00bb global_colors_info=\u00bb{}\u00bb background__hover_enabled=\u00bbon|hover\u00bb background_color__hover=\u00bb#ddeef2″ background_enable_color__hover=\u00bbon\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Uno<\/strong><\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_text_color=\u00bb#6b6b6b\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n [no class needed]<\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n one-col-tab<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_3,1_3,1_3″ module_class=\u00bbthree-col-tab three-col-mob\u00bb _builder_version=\u00bb4.17.0″ _module_preset=\u00bbdefault\u00bb background_color=\u00bb#F7F8FA\u00bb custom_padding=\u00bb10px|30px|10px|30px|true|true\u00bb border_width_right=\u00bb1px\u00bb border_color_right=\u00bb#bababa\u00bb border_width_bottom=\u00bb1px\u00bb border_color_bottom=\u00bb#bababa\u00bb border_width_left=\u00bb1px\u00bb border_color_left=\u00bb#bababa\u00bb global_colors_info=\u00bb{}\u00bb background_enable_color__hover=\u00bbon\u00bb background__hover_enabled=\u00bbon|hover\u00bb background_color__hover=\u00bb#ddeef2″ theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Dos<\/strong><\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Dos Col-Mob<\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Dos col-tab<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_3,1_3,1_3″ module_class=\u00bbthree-col-tab three-col-mob\u00bb _builder_version=\u00bb4.17.0″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb10px|30px|10px|30px|true|true\u00bb border_width_right=\u00bb1px\u00bb border_color_right=\u00bb#bababa\u00bb border_width_bottom=\u00bb1px\u00bb border_color_bottom=\u00bb#bababa\u00bb border_width_left=\u00bb1px\u00bb border_color_left=\u00bb#bababa\u00bb global_colors_info=\u00bb{}\u00bb background_enable_color__hover=\u00bbon\u00bb background__hover_enabled=\u00bbon|hover\u00bb background_color__hover=\u00bb#ddeef2″ theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Tres<\/strong><\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Tres Col-Mob<\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n tres col-tab<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_3,1_3,1_3″ module_class=\u00bbthree-col-tab three-col-mob\u00bb _builder_version=\u00bb4.17.0″ _module_preset=\u00bbdefault\u00bb background_color=\u00bb#F7F8FA\u00bb custom_padding=\u00bb10px|30px|10px|30px|true|true\u00bb border_width_right=\u00bb1px\u00bb border_color_right=\u00bb#bababa\u00bb border_width_bottom=\u00bb1px\u00bb border_color_bottom=\u00bb#bababa\u00bb border_width_left=\u00bb1px\u00bb border_color_left=\u00bb#bababa\u00bb global_colors_info=\u00bb{}\u00bb background_enable_color__hover=\u00bbon\u00bb background__hover_enabled=\u00bbon|hover\u00bb background_color__hover=\u00bb#ddeef2″ theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Cuatro<\/strong><\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Four-Col-Mob<\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Four-col-tab<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_3,1_3,1_3″ module_class=\u00bbthree-col-tab three-col-mob\u00bb _builder_version=\u00bb4.17.0″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb10px|30px|10px|30px|true|true\u00bb border_width_right=\u00bb1px\u00bb border_color_right=\u00bb#bababa\u00bb border_width_bottom=\u00bb1px\u00bb border_color_bottom=\u00bb#bababa\u00bb border_width_left=\u00bb1px\u00bb border_color_left=\u00bb#bababa\u00bb global_colors_info=\u00bb{}\u00bb background_enable_color__hover=\u00bbon\u00bb background__hover_enabled=\u00bbon|hover\u00bb background_color__hover=\u00bb#ddeef2″ theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Cinco<\/strong><\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Cinco Col-Mob<\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Cinco col-tab<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_3,1_3,1_3″ module_class=\u00bbthree-col-tab three-col-mob\u00bb _builder_version=\u00bb4.17.0″ _module_preset=\u00bbdefault\u00bb background_color=\u00bb#F7F8FA\u00bb custom_padding=\u00bb10px|30px|10px|30px|true|true\u00bb border_radii=\u00bboff|||10px|10px\u00bb border_width_right=\u00bb1px\u00bb border_color_right=\u00bb#bababa\u00bb border_width_bottom=\u00bb1px\u00bb border_color_bottom=\u00bb#bababa\u00bb border_width_left=\u00bb1px\u00bb border_color_left=\u00bb#bababa\u00bb global_colors_info=\u00bb{%22gcid-3bb404a0-7e96-4a3d-a72b-2cf8251db04e%22:%91%22background_color__hover%22%93}\u00bb background_enable_color__hover=\u00bbon\u00bb background__hover_enabled=\u00bbon|hover\u00bb background_color__hover=\u00bb#ddeef2″ theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Seis<\/strong><\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Six-Col-Mob<\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb text_font_size_tablet=\u00bb15px\u00bb text_font_size_phone=\u00bb14px\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n six-col-tab<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||||false|false\u00bb custom_padding=\u00bb10px||||false|false\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bb69f72538-4bec-491b-bbf2-e785266edfb2″ text_orientation=\u00bbleft\u00bb custom_margin=\u00bb||||false|false\u00bb custom_padding=\u00bb||||false|false\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n La tabla anterior es en realidad un ejemplo en vivo de este c\u00f3digo usando las clases \u00abthree-col-mob three-col-tab\u00bb para mostrar tres columnas en la tableta y tres columnas en el m\u00f3vil (lo mismo que en el escritorio).<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb||||false|false\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Simplemente separe la clase m\u00f3vil y la clase de tableta con un espacio<\/strong> simple, por ejemplo: two-col-mob four-col-tab<\/strong><\/p>\n Aqu\u00ed hay cuatro ejemplos de c\u00f3mo puede aplicar las clases CSS para cambiar el n\u00famero de columnas en dispositivos m\u00f3viles y tabletas en sus filas Divi. Simplemente deje el campo Clase CSS vac\u00edo si desea usar el n\u00famero predeterminado de columnas.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_2,1_2″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb||||false|false\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb1_2″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ custom_margin=\u00bb||10px|||\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/divimundo.com\/wp-content\/uploads\/2022\/03\/2-columns-mobile-4-columns-tablet.jpg\u00bb alt=\u00bb2 columnas en m\u00f3vil y 4 columnas en tablet en Divi\u00bb title_text=\u00bb2 columnas en m\u00f3vil y 4 columnas en tablet en Divi\u00bb show_in_lightbox=\u00bbon\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bba1ce92a5-eafc-47a7-9bca-9617ef219bfb\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bb69f72538-4bec-491b-bbf2-e785266edfb2″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Agregue las clases CSS two-col-mob four-col-tab<\/strong> en la configuraci\u00f3n de fila para lograr esto.<\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_2″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ custom_margin=\u00bb||10px|||\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/divimundo.com\/wp-content\/uploads\/2022\/03\/3-columns-mobile-three-columns-tablet.jpg\u00bb alt=\u00bb3 columnas en m\u00f3vil y 3 columnas en tablet en Divi\u00bb title_text=\u00bb3-columnas-m\u00f3vil-tres-columnas-tableta\u00bb show_in_lightbox=\u00bbon\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bba1ce92a5-eafc-47a7-9bca-9617ef219bfb\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bb69f72538-4bec-491b-bbf2-e785266edfb2″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Agregue las clases CSS three-col-mob three-col-tab<\/strong> en la configuraci\u00f3n de fila para lograr esto.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_2,1_2″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb||||false|false\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb1_2″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ custom_margin=\u00bb||10px|||\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/divimundo.com\/wp-content\/uploads\/2022\/03\/3-columns-mobile-6-columns-tablet.jpg\u00bb alt=\u00bb3 columnas en m\u00f3vil y 6 columnas en tablet\u00bb title_text=\u00bb3 columnas en m\u00f3vil y 6 columnas en tablet\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bba1ce92a5-eafc-47a7-9bca-9617ef219bfb\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bb69f72538-4bec-491b-bbf2-e785266edfb2″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Agregue las clases CSS three-col-mob six-col-tab<\/strong> en la configuraci\u00f3n de fila para lograr esto.<\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_2″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ custom_margin=\u00bb||10px|||\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/divimundo.com\/wp-content\/uploads\/2022\/03\/2-columns-tablet.jpg\u00bb alt=\u00bb2 columnas en m\u00f3vil y dos columnas en tablet\u00bb title_text=\u00bb2 columnas en m\u00f3vil y dos columnas en tablet\u00bb show_in_lightbox=\u00bbon\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bba1ce92a5-eafc-47a7-9bca-9617ef219bfb\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bb69f72538-4bec-491b-bbf2-e785266edfb2″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Agregue las clases CSS two-col-tab<\/strong> en la configuraci\u00f3n de fila (una columna para dispositivos m\u00f3viles es predeterminada en Divi, por lo que no se necesita CSS personalizado para eso).<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Este \u00faltimo paso no es necesario, pero es una buena manera de acelerar su proceso de dise\u00f1o agregando diferentes estructuras de filas m\u00f3viles a su biblioteca de preajustes globales de Divi.<\/p>\n De esta manera, no es necesario agregar clases CSS personalizadas cada vez que desee cambiar el n\u00famero de columnas seguidas. En su lugar, puede elegir los n\u00fameros de fila que desea usar en el men\u00fa desplegable Ajustes preestablecidos<\/strong> cuando agregue una nueva fila.<\/p>\n \u00a1Eso es todo! Para cambiar el n\u00famero de columnas en dispositivos m\u00f3viles y tabletas, simplemente haga clic en el interruptor Ajuste preestablecido en la configuraci\u00f3n de fila y elija una de su lista.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_3,1_3,1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_image src=\u00bbhttps:\/\/divimundo.com\/wp-content\/uploads\/2022\/03\/1-add-column-css-classes.jpg\u00bb alt=\u00bbAgregar clases CSS de columna a la fila\u00bb title_text=\u00bbAgregar clases CSS de columna a la fila\u00bb show_in_lightbox=\u00bbon\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bba1ce92a5-eafc-47a7-9bca-9617ef219bfb\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bb69f72538-4bec-491b-bbf2-e785266edfb2″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]1. Agregue clases(es) CSS a su fila.[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_image src=\u00bbhttps:\/\/divimundo.com\/wp-content\/uploads\/2022\/03\/2-create-global-row-presets.jpg\u00bb alt=\u00bbCrear ajustes preestablecidos de fila globales\u00bb title_text=\u00bbCrear ajustes preestablecidos de fila globales\u00bb show_in_lightbox=\u00bbon\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bba1ce92a5-eafc-47a7-9bca-9617ef219bfb\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bb69f72538-4bec-491b-bbf2-e785266edfb2″ locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]2. Cree un nuevo ajuste preestablecido global.[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_image src=\u00bbhttps:\/\/divimundo.com\/wp-content\/uploads\/2022\/03\/3-choose-your-mobile-column-structure.jpg\u00bb alt=\u00bbElija la estructura de columnas m\u00f3viles\u00bb title_text=\u00bb3-elige tu-m\u00f3vil-columna-estructura\u00bb show_in_lightbox=\u00bbon\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bba1ce92a5-eafc-47a7-9bca-9617ef219bfb\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.16″ _module_preset=\u00bb69f72538-4bec-491b-bbf2-e785266edfb2″ locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n 3. Utilice los ajustes preestablecidos en cualquier p\u00e1gina o publicaci\u00f3n.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.17.6″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n Espero que hayas disfrutado de este post. Suscr\u00edbete a DiviMundo en YouTube<\/a> y \u00fanete a nuestro grupo de Facebook<\/a> para obtener contenido m\u00e1s n\u00edtido sobre WordPress y dise\u00f1o web.<\/p>\n \ud83d\udc49 Publicaci\u00f3n relacionada:<\/strong> C\u00f3mo ajustar el orden de apilamiento de columnas de Divi en dispositivos m\u00f3viles<\/a><\/p>\n \ud83d\udc49 Post relacionado: <\/strong>C\u00f3mo cambiar el n\u00famero de columnas en el m\u00f3dulo Divi Blog<\/a><\/p>\ndisplay:flex<\/code> , o width:50%,<\/code>que se comparten en varios grupos de Facebook y blogs. Nos mantendremos consistentes usando el mismo tipo de c\u00f3digo que Divi ya usa para las columnas de escritorio, y tambi\u00e9n lo aplicaremos para pantallas m\u00e1s peque\u00f1as.<\/p>\nAntes (1 columna)<\/h3>\n
Despu\u00e9s (2-6 columnas)<\/h3>\n
1. Agregue CSS para habilitar m\u00faltiples columnas en dispositivos m\u00f3viles y tabletas en Divi<\/h2>\n
\n
\/*** Change Mobile Columns By DiviMundo.com ***\/\n\n\/* 2 Columns Mobile *\/\n@media all and (max-width: 767px) {\n\t.two-col-mob .et_pb_column {\n\t\twidth:47.25% !important;\n\t}\n\t\n.two-col-mob .et_pb_column:nth-last-child(-n+2) {\n\t\tmargin-bottom:0;\n\t}\n\n\t.two-col-mob .et_pb_column:not(:nth-child(2n)) {\n\t\t\tmargin-right:5.5% !important;\n\t}\n}\n\n\/* 3 Columns Mobile *\/\n@media all and (max-width: 767px) {\n\t.three-col-mob .et_pb_column {\n\t\twidth:29.6667% !important;\n\t}\n\n\t.three-col-mob .et_pb_column:nth-last-child(-n+3) {\n\t\tmargin-bottom:0;\n\t}\n\n\t.three-col-mob .et_pb_column:not(:nth-child(3n)) {\n\t\tmargin-right:5.5% !important;\n\t}\n}\n\n\/* 4 Columns Mobile *\/\n@media all and (max-width: 767px) {\n\t.four-col-mob .et_pb_column {\n\t\twidth:20.875% !important;\n\t}\n\n.four-col-mob .et_pb_column:nth-last-child(-n+4) {\n\t\tmargin-bottom:0;\n\t}\n\n\t.four-col-mob .et_pb_column:not(:nth-child(4n)) {\n\t\tmargin-right:5.5% !important;\n\t}\n}\n\n\/* 5 Columns Mobile *\/\n@media all and (max-width: 767px) {\n\t.five-col-mob .et_pb_column {\n\t\twidth:15.6% !important;\n\t}\n\n\t.five-col-mob .et_pb_column:nth-last-child(-n+5) {\n\t\tmargin-bottom:0;\n\t}\n\n\t.five-col-mob .et_pb_column:not(:nth-child(5n)) {\n\t\tmargin-right:5.5% !important;\n\t}\n}\n\n\/* 6 Columns Mobile *\/\n@media all and (max-width: 767px) {\n\t.six-col-mob .et_pb_column {\n\t\twidth:12.083% !important;\n\t}\n\n\t.six-col-mob .et_pb_column:nth-last-child(-n+6) {\n\t\tmargin-bottom:0;\n\t}\n\n\t.six-col-mob .et_pb_column:not(:nth-child(6n)) {\n\t\tmargin-right:5.5% !important;\n\t}\n}\n\n\/*** Change Tablet Columns By DiviMundo.com ***\/\n\n\/* 1 Column Tablet *\/\n@media all and (min-width: 768px) and (max-width: 980px) {\n\t.one-col-tab .et_pb_column {\n\t\tmargin-right:0 !important;\n\t\twidth:100% !important;\n\t}\n\t\n\t\t.one-col-tab .et_pb_column:not(:last-child) {\n\t\tmargin-bottom:30px !important;\n\t}\n}\n\n\/* 2 Columns Tablet *\/\n@media all and (min-width: 768px) and (max-width: 980px) {\n\t.two-col-tab .et_pb_column {\n\t\twidth:47.25% !important;\n\t}\n\n.two-col-tab .et_pb_column:nth-last-child(-n+2) {\n\t\tmargin-bottom:0;\n\t}\n\n\t.two-col-tab .et_pb_column:not(:nth-child(2n)) {\n\t\tmargin-right:5.5% !important;\n\t}\n}\n\n\/* 3 Columns Tablet *\/\n@media all and (min-width: 768px) and (max-width: 980px) {\n\t.three-col-tab .et_pb_column {\n\t\twidth:29.6667% !important;\n\t}\n\n.three-col-tab .et_pb_column:nth-last-child(-n+3) {\n\t\tmargin-bottom:0;\n\t}\n\n\t.three-col-tab .et_pb_column:not(:nth-child(3n)) {\n\t\tmargin-right:5.5% !important;\n\t}\n}\n\n\/* 4 Columns Tablet *\/\n@media all and (min-width: 768px) and (max-width: 980px) {\n\t.four-col-tab .et_pb_column {\n\t\twidth:20.875% !important;\n\t}\n\n.four-col-tab .et_pb_column:nth-last-child(-n+4) {\n\t\tmargin-bottom:0;\n\t}\n\n\t.four-col-tab .et_pb_column:not(:nth-child(4n)) {\n\t\tmargin-right:5.5% !important;\n\t}\n}\n\n\/* 5 Columns Tablet *\/\n@media all and (min-width: 768px) and (max-width: 980px) {\n\t.five-col-tab .et_pb_column {\n\t\twidth:15.6% !important;\n\t}\n\n.five-col-mob .et_pb_column:nth-last-child(-n+5) {\n\t\tmargin-bottom:0;\n\t}\n\t\n\t.five-col-tab .et_pb_column:not(:nth-child(5n)) {\n\t\tmargin-right:5.5% !important;\n\t}\n}\n\n\/* 6 Columns Tablet *\/\n@media all and (min-width: 768px) and (max-width: 980px) {\n\t.six-col-tab .et_pb_column {\n\t\twidth:12.083% !important;\n\t}\n\n\t.six-col-tab .et_pb_column:nth-last-child(-n+6) {\n\t\tmargin-bottom:0;\n\t}\n\n\t.six-col-tab .et_pb_column:not(:nth-child(6n)) {\n\t\tmargin-right:5.5% !important;\n\t}\n}<\/pre>\nOpciones de columnas m\u00f3viles disponibles:<\/h3>\n
Opciones de columnas de tableta disponibles<\/h3>\n
2. Agregue clases CSS a sus filas Divi para cambiar el n\u00famero de columnas en dispositivos m\u00f3viles y tabletas<\/h2>\n
\n
N\u00famero de columnas<\/h4>\n
Clase CSS m\u00f3vil<\/h4>\n
Clase CSS de tableta<\/h4>\n
Ejemplos de c\u00f3mo aplicar las clases CSS en las filas Divi<\/h2>\n
2 columnas en m\u00f3vil y 4 columnas en tablet<\/h4>\n
3 columnas en m\u00f3vil y 3 columnas en tablet<\/h4>\n
3 columnas en el m\u00f3vil y 6 columnas en la tableta<\/h4>\n
1 columna en m\u00f3vil y 2 columnas en tablet<\/h4>\n
3. Consejo profesional: use los ajustes preestablecidos globales de Divi para cambiar el n\u00famero de columnas en dispositivos m\u00f3viles y tabletas<\/h2>\n
Cambio de n\u00fameros de fila m\u00f3viles con Divi Global Presets<\/h3>\n
\n
\u00a1Eso es todo por hoy!<\/h2>\n