Cómo Hacer Una Página

Hacer una Web Profesional con Wordpress

  • Suscribirse (10€/mes)
  • Mi Cuenta
  • Contacto
Estás aquí: Home / Divi / DIVI: Añadir colores planos a los productos en el módulo tienda

DIVI: Añadir colores planos a los productos en el módulo tienda

abril 11, 2017 Por Oscar martin Leave a Comment

Suscríbete a mi canal:  

En el blog de Elegant Themes, nos enseñan como podemos modificar la presentación de los productos de nuestra tienda hecha con WooCommerce y DIVI.

Debajo de la sencillez de DIVI hay mucha potencia. Sobre todo porque no sólo se pueden hacer las cosas sencillas sino que te dejan la puerta abierta para que puedas modificar el diseño de forma avanzada.

En este tutorial vamos a aprender a poner colores planos en nuestros productos en el módulo de WooCommerce.

Una vez añadido el módulo de tienda en DIVI, como puedes ver en este tutorial vamos a profundizar en cambiar el diseño.

El resultado final que vamos a obtener es el siguiente:

colores planos divi

Para ello entramos en el editor de DIVI y vamos a trabajar en las pestañas «Ajustes avanzados de diseño» y «CSS personalizado»

Empezamos por «Ajustes avanzados de diseño»

Aquí vamos a cambiar el tipo de Fuente en título y vamos a añadir la fuente Satisfy a un tamaño de 20 y con el color #ef285a

configuración fuente divi

Además de la fuente del título también vamos a cambiar la fuente del precio. Lo hacemos igual que en el título pero dejamos más pequeña la fuente, en mi caso en 14px

Ahora para seguir cambiando el diseño vamos a hacer cambios un poco más técnicos. Cambiamos a la pestaña «CSS personalizado» y bajamos hasta la caja donde pone producto y añadimos el siguiente código:

background-color: #ffebee;

Ahora buscamos la caja «elemento principal» y añadimos la orden para centrar los textos:

text-align: center;

Y ahora para quitar las estrellitas nos vamos a la caja «puntuación» y añadimos:

display:none !important;

Espero que el tutorial os sea útil 😉
Saludos
Óscar

Filed Under: Divi, Ecommerce, Themes, Woocommerce Tagged With: Diseño DIVI, divi woocommerce

About Oscar martin

Me llamo Óscar y me dedico al Marketing Online. Me gano la vida gracias a internet y a herramientas como Wordpress. ¿Te puedo ayudar? Contáctame

Deja un comentario Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Carrito

Categorías

Contenido Premium

¿Quieres Aprender WordPress y Ganar dinero? Cópiame

¿Necesitas Ayuda?

  • Contacto
  • Blog

Más Información

  • Condiciones de Uso
  • Condiciones generales de venta
  • Aviso Legal
  • Pólitica de Privacidad
  • Política de cookies

Buscador

Funciono con el Theme Genesis · Log in

Este sitio web instalará en tu navegador cookies analíticas y publicitarias propias y de terceros si continúas navegando.
Encontrará más información en nuestra Política de Cookies..Aceptar Leer Más
Privacy & Cookies Policy

Necesarias Siempre activado