Bueno, primero antes de nada, subelo a tu hosting, pasanos enlace y te podremos decir cuál es
Está en style.css, específicamente esta clase: bg-gradient
.bg-gradient {
background-image: -moz-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
}
y a ello como le cambio los colores?
¿Deseas utilizar un color plano o gradiente? Actualmente lo que se está utilizando es un degradado, por eso ves tantas líneas de código.
- Para que tu fondo sea un color plano, tendrías que reemplazar todo eso por: background-color: #4287f5 (siendo este tu color)
- Y para un degradado te recomedaría utilizar https://cssgradient.io/ <- Ahí colocas tus colores y reemplazas el código que tienes por el que te ofrece la página
Cualquier cosa quedo a las órdenes, saludos!
Si quiero usar el degradado, pero cambiarle los colores.
Eso es más fácil. Lo único que deberías de hacer sería reemplazar esto por tu color:
background-image: -moz-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
background-image: linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
Cómo verás los de la izquierda siempre son los mismos y los de la derecha también. Esto sucede porque cada propiedad es para cada navegador, por lo que siempre serán los mismos.
Este rgba(60, 8, 118, 0.8) es tu color inicial. Los primeros 3 números (separados por coma) son el rgb del color, y 0.8 es la opacidad del mismo.
Y este rgba(250, 0, 118, 0.8) es tu color final. Sólo derebías de reemplazar los 3 primeros números por el rgb que tu desees y el degradado ya quedaría. No se si me explico.
Acá te dejo un ejemplo para que pruebes si gustas:
background-image: -moz-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: -webkit-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: -ms-linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
background-image: linear-gradient( 135deg, rgba(23,121,9,1) 0%, rgba(0,212,255,1 ) 100%);
Reemplaza tu código por ese, y te debería de quedar un degradado de verde a celeste 🙂
Lo coloque pero no cambio el color del gradient, cambio el color de otra imagen.
Para estar seguros de que estamos hablando de lo mismo, esto es lo que buscas como resultado?
Ver el archivo adjunto 145361
Exacto es eso, pero en el mio cambio los colores donde se encuentran los 3 globos de interaccion.
¿Te animás a pasarme una foto de la sección exacta que deseas hacer el cambio de colores? Así lo hago sobre eso y te comento bien que es lo que tienes que hacer
Pero esta fue la imagen que yo te pasé con el color cambiado. Haz lo que te pasé en un comentario anterior. Qué es lo que no te sale?Quiero cambiar el de arriba y el de abajo, pongo solo el de arriba para que sepas mejor.
Ver el archivo adjunto 145597
genial voy a probarlo, aveces los themes piratas o gratis traenn ciertos bugs.
Utilizamos cookies y tecnologías similares para los siguientes fines:
¿Aceptas las cookies y estas tecnologías?
Utilizamos cookies y tecnologías similares para los siguientes fines:
¿Aceptas las cookies y estas tecnologías?