Avisos
Vaciar todo

[Resuelto] Consulta para crear una pagina similar,  

 
Ruben
 Ruben
Noble Member

Hola que tal, como puedo crear una pagina como esta?

WhatsApp Image 2023 03 27 at 5.16.10 PM
image

donde pueda colocar los datos de los distribuidores y cambiarle el color al titulo (h1) y que las letras sean de color negro y no gris?

 

image

 

Saludos

Contenido solo visible a usuarios registrados

Respondido : 27/03/2023 9:34 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Ruben,

La estructura que nos muestras supongo si sabes hacerla correcto? todo lo que nos has mostrado es posible desde el UX builder

Con respecto a los colores de los textos veo en tu captura como utilizas el modulo de texto colocando directamente el HTML, siempre puedes cambiar a el editor visual donde podras cambiar de color a tu gusto

Otra alternativa un poco mas a nivel de desarrollador es estipular una clase al modulo y por medio de dicha clase asignarle estilos CSS a los textos ya sea los titulos (h1) los parrafos (p) los enlaces (a) o los elementos de la lista (li)

Saludos!

Respondido : 27/03/2023 10:00 pm

Ruben
 Ruben
Noble Member

@bruno-vichetti

ok entendi me podrian decir como puedo cambiar el color del texto en negro?

saludos

image
Respondido : 27/03/2023 10:35 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Ruben,

Claro! pero antes por favor proporciónanos de la URL donde esta la estructura que quieres editar para asi por medio del inspector de elementos del navegador podamos revisar y sugerirte los estilos CSS correspondientes que aplicaran los colores que deseas

Saludos!

Respondido : 27/03/2023 11:00 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Ruben
 Ruben
Noble Member

@bruno-vichetti

https://www.opweb.com.ar/sagradamadre/distribuidores

esta es la web

Respondido : 27/03/2023 11:37 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Ruben,

Verifica con este Css:

p.text-span-2 {
color: black !important;
}

Cambiara todos los que sean de esa misma clase que le tienes asignada. Esto lo agregas en Apariencias > Personalizar > Css adicional.

Un saludo 🖐️ 

Respondido : 27/03/2023 11:39 pm

Cursos Gratuitos WordPress

Ruben
 Ruben
Noble Member

una cosa mas, como puedo hacer para que no se superpongan los textos?

image

estoy en el modo mobvile

saludos

Respondido : 27/03/2023 11:43 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Ruben,

Esto es normal cuando es un texto tan largo como es el correo, tienes la opción de bajar el tamaño del texto o bien crear un botón en lugar de un texto con el correo para que lleve al correo directamente algo como:

<a class="link" href="mailto:aromasmagicos.oficial@gmail.com">Enviar mensaje</a>

Un saludo 🖐️ 

Respondido : 27/03/2023 11:58 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Ruben
 Ruben
Noble Member

@argenis

y como podria hacer que en el mobile en ves de que se vea uno alado del otro en dos hileras se vean uno abajo del otro? pero cuando pongan la pantalla del escritorio si se vea 4 distribuiidores por hilera...

image
image

como esta pagina https://www.sagradamadre.com/#distribuidores

espero que me haya podido expresar bien

 

Saludos !

Esta publicación ha sido modificada el hace 2 años por Ruben
Respondido : 28/03/2023 6:25 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ruben, 

En este caso como estas editando y añadiendo esta sección en tu sitio web? si es posible envianos algunas capturas como lo añades de esta forma podemos revisar con mayor detalle lo que nos comentas. 

Un Saludo 

Respondido : 28/03/2023 7:27 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Ruben
 Ruben
Noble Member

@karen

Lo estoy editando con el editor de texto.

image

me pasa esto cuando lo pongo en el modo mobile

image

me gustaria que en el modo mobile aparezca uno debajo del otro.. asi no se superpone las letras como la otra web

saludos

Respondido : 28/03/2023 8:59 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Ruben,

La disposición y ancho de cada columna puedes definirlo de una forma muy sencilla en el UX builder

Con la columna seleccionada tienes el apartado del Width (ancho) considerando que el grid estandar se divide en 12 casillas

image

Con la columna seleccionada podemos disponer el ancho de dicha columna cambiando el dispositivo a visualizar desde la barra lateral derecha

image

Pudiendo hacer que en desktop ocupe 3 casillas

En tablet 6 casillas

image

por ultimo en mobile 12 casillas

image

Mucho mas simple de lo que parece 😉 

Prueba y nos comentas

Saludos!

 

Respondido : 28/03/2023 9:19 pm
Ruben me gusta

Ruben
 Ruben
Noble Member

@bruno-vichetti

Que genialidad bro !!! muchisimas Gracias lo resolvi !! hermoso lo tuyo 

10.000 likes !!

Respondido : 28/03/2023 9:46 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Ruben,

Siempre es un gusto poder ayudarte por aca, recuerda que cualquier otra consulta estaremos atentos

Saludos!

Respondido : 28/03/2023 9:51 pm
Ruben me gusta

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress