🥇Dónde agregar CSS personalizado en Divi🥇 Css Divi Tutorial
HTML-код
- Опубликовано: 21 окт 2024
- 🔴 ATENCIÓN!! 🔴
¿Quieres aprender a crear una página web de la manera más fácil y desde cero?
Aprovecha las inscripciones Gratuitas por tiempo limitado a mi curso:
"Tu web con Wordpress y Divi"
Puedes ver el enlace al curso en la descripción de éste video:
🥇 • 🥇 Curso de Divi y Word... 🥇
Hoy aprenderemos las principales formas de añadir estilos css a Divi. En muchos de mis tutoriales comparto trucos que requieren simplemente copiar y pegar códigos css que dejo en mis posts, hoy veremos tres formas de añadir esos códigos a nuestros diseños.
Artículo en mi Blog del Tutorial:
👉 victoraqui.com... 👈
Mejor Hosting Wordpress
👉 bit.ly/fdsrhsed 👈
☕ ¿Me invitas un cafecito? Así podré estar más despierto para crear más contenido gratuito como éste :P ☕
👉 bit.ly/3tn2QUQ 👈
Licencia DIVI desde la web Oficial al 10% de DESCUENTO!!!
👉 bit.ly/Divi20des 👈
Sigueme en mi Fanpage de Facebook:
👉 / victoraquinopagina 👈
Otros Trucos Divi que te van a encantar:
🔴 Efecto de Animación en elementos del menú móvil Divi!!!
👉 • 🥇Agregar animación de ... 👈
🔴 Cómo añadir los íconos de Divi en los Menús y donde quieras!!!
👉 • 🥇 Cómo añadir Iconos D... 👈
🔴 Cómo aumentar tus ventas con insignias en productos y contadores atrás!!
👉 • 🔖 Cómo añadir Insignia... 👈
#css #wordpress #divi
Términos Relacionados:
css divi menu, css divi builder, css divi builder completo, divi css tutorial, divi custom css tutorial, css divi tutorial, divi custom css tutorial
Artículo en mi Blog del Tutorial:
👉 victoraqui.com/como-anadir-css-personalizado-a-divi/ 👈
Video Patrocinado por:
Guaupress.com | Cientos de Plugins y Temas Premium para Wordpress, incluyendo el tema Divi por sólo 6.99 USD
👉 bit.ly/guaupress 👈
Mejor Hosting Wordpress
👉 bit.ly/fdsrhsed 👈
Licencia DIVI desde la web Oficial al 20% de DESCUENTO!!!
👉 bit.ly/Divi20des 👈
Sigueme en mi Fanpage de Facebook:
👉 facebook.com/VictorAquinoPagina/ 👈
Víctor gracias, da gusto escucharte. Buen trabajo. Saludos desde Sevilla.
Crack! Muchas gracias🙌
Podrías hacer un tutorial de como integrar con divi algún tema o algo por ejemplo un slide de codepen? no se como integrar el HTML, CSS y el JS para poner algo que me guste, saludos!!
Hola, buen video, ¿sabes si es posible reemplazar modulos en Divi?, debido a que a que en el sitio que estoy rediseñando, este subio muchas imagenes y quiero ver la forma de reemplazar los modulos de imagen por el de codigo para asi no redimensionar y reubicar cada una de estas, de antemano muchas gracias! :D
Muchas gracias, tendrias algun curso o tutorial para personalizar el carro de compras para divi que muestre cantidad con numero o que sea lo mas atractivo ,gracias
Victor excelentes tus videos de Divi..¡Felicitaciones!....Una pregunta por favor: ¿Cómo cambiar de color del texto al pasar el mouse en un enlace en Divi?. Muchísimas gracias de antemano desde Brasil.
pero en pegas el html y el css los dos al mismo tiempo esa parte no entendi saludos
Y si quiero cambiar las viñetas de 1 modulo
¿Cómo hago para que no se me cambien la de todos los módulos? (Utilizando la OPCION 3)
Hola amigo. En el módulo recomendaciones de DIVI, necesito agregar una línea adicional donde irá el país de la persona. Eso es Html, pero no tengo idea donde se agrega el código. Usé el inspector de elementos, dupliqué el div del cargo y solo sustituí el texto, y quedó perfecto, pero no sé donde colocar el código. Me podrías ayudar con eso? Gracias.
Hola Sandy, puede agregarse html al módulo código, además de css y javascript. Esto es para añadir elementos nuevos. Para modificar elementos html ya existentes (como los módulos) puedes utilizar javascript.
Te dejo un minitruco:
Primero pon la clase css vic a todos los módulos recomendación que quieras añadir el país. (Pestaña avanzado del módulo, dentro está la pestaña id y clases de css, y en la parte de clase pones vic)
Segundo, (dentro del módulo recomendación) en la parte del cuerpo, osea en la parte dentro del módulo recomendación donde se escribe el párrafo copia y pega esto:
Escribe Aquí su país
Es preferible que esté en la pestaña texto y no en la de visual.
Lo que hemos hecho es añadir un elemento html con el texto del pais en el párrafo de la recomendación. Ahora con Javascript vamos a mover ese elemento para ponerlo al lado de donde va el texto del campo "empresa".
Para añadir Javascript añade un módulo código y copia y pega esto:
var ori = document.querySelectorAll('.et_pb_testimonial_meta');
var coma = document.querySelectorAll('.vic .et_pb_testimonial_separator');
var pais = document.querySelectorAll('.vic .pais');
var i;
for (i = 0; i < original.length; i++) {
ori[i].appendChild(coma[i].cloneNode(true));
ori[i].appendChild(pais[i].cloneNode(true));
}
.vic .et_pb_testimonial_description_inner .pais {
display:none !important;
}
.vic .pais {
display:inline-block;
margin-left:3px;
}
Como ves en el módulo código podemos agregar tanto javascript (), como css ()
Ahora procura poner éste módulo código al final de todo el diseño. Esto es importante. Que este sea el último módulo de toda la página.
Y listo. Esto funcionará con todos los módulos "Recomendación" que quieras agregar. Me cuentas como te fue..
Aunque ahora que lo pienso, hubiese sido mucho más fácil simplemente escribir: "Empresa, Tu País" en la sección de Empresa del módulo. :P
@@victoraquino-paginaswebypr9782 wao... Realmente es impresionante como resolviste el problema. Muchísimas gracias. Te comentaré en lo que lo haga. Gracias por tomarte el tiempo.
@@sandhert Aunque ahora que lo pienso, hubiese sido mucho más fácil simplemente escribir: "Empresa, Tu País" en la sección de Empresa del módulo. :P
Bueno que la explicación anterior quede como ejercicio :D
No es correctamente explicado, no dices en ningun momento como agregar una clase a un tag por lo tanto esa clase que tu muestras como .codigo{} no aplica a nada