Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

[Resuelto] Cambiar propiedades CSS  

 
Óscar
 Óscar
Usuario activo

Buenos días,

necesito modificar unos colores de una etiqueta div class y no consigo hacerlo. He localizado la etiqueta y sé que se encuentra dentro del archivo Bootstrap.css. Hasta ahí bien. He accedido al archivo a través del Cpanel y lo he editado modificando en la etiqueta correspondiente alert-success los valores de los colores que quiero, para que así me cambie los contenedores verdes que os muestro en el hipervínculo, por otro color, tanto de letra como de fondo y de borde. Pero cuando lo guardo parece que no queda guardado el cambio...

http://sanjosesantander.com/index.php/infantil

Un saludo y gracias de antemano,

Óscar Arcera

Contenido solo visible a usuarios registrados

Respondido : 21/02/2023 3:54 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Oscar,

Veo que tienes los avisos que mencionas, pero has intentado cambiarlos en el archivo 

.alert-success {
background-color: #e5d8f0 !important;
border-color: #e5d8f0 !important;
color: #a339cf !important;
}

Agrégales un important al final como lo vez en el ejemplo que te comparto para que se superponga el dato que ingreses al de la plantilla por defecto, puedes intentar realizar el ajuste directamente desde el panel de administración si tienes la opción aquí:

image

Luego:

image

Y ya por último:

image

Igualmente en caso de que no lo logres de esta forma puedes enviarnos capturas de la sección en específico que deseas modificar y como lo estás haciendo, así podemos entender mejor el tema y recuerda enviarnos capturas para proximas consultas asi podemos comprender mejor antes de responder y podemos darte respuestas más precisas:

https://soporteforo.webempresa.eu/guia/subir-imagenes-a-consultas-en-foro/

Un saludo 🖐️ 

Respondido : 21/02/2023 4:26 pm

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

Óscar
 Óscar
Usuario activo

Gracias Argenis,

lo he intentado pero algo falla o no hago bien. Adjunto una captura de los colores que quiero y cómo he localizado el archivo en el que se encuentran dichos colores a través de la herramienta inspeccionar. La etiqueta CSS alert.success aparece originalmente en el bootstrap.css de la plantilla encelado, con el fondo de color verde y el color de la letra y del borde también en otro tono de verde oscuro. Yo lo deseo cambiar en toda la página por los valores que aparecen en la captura. He accedido al bootstrap y he modificado los valores, pero nada...

image

Ya me dirás qué puedo hacer. Lo he modificado ya varias veces pero es como si el cambio no se aplicara realmente.

Saludos,

Óscar Arcera

Respondido : 22/02/2023 4:00 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Oscar,

Cambiar este texto en este inspeccionar no significa que se vaya a quedar, esto es solo para hacer cambios que vez hasta que actualizas la página, para realizar el cambio a nivel de los archivos puedes verificar seguir los pasos que te comente, pero directamente desde tu tema que estás utilizando o desde los archivos internos del plugin ingresando al hosting pero desde el inspeccionar no se guardaran los datos.

.alert-success {
background-color: #8cd9f0 !important;
border-color: #265a93 !important;
color: #a265a93 !important;
}

una vez ingreses siguiendo las capturas que te envío agrega ese código que te compartí y verifica si se ve de forma correcta.

Un saludo 🖐️ 

Respondido : 22/02/2023 4:11 pm

Óscar
 Óscar
Usuario activo

Hola Argenis,

sí lo sé que con el inspector no se guardan los cambios. Sólo lo hice para comprobar el cambio en mi navegador. He entrado al CPanel y modificado el archivo, como te muestro en la captura, pero aún así, el cambio no se lleva a cabo...

image

Saludos,

Óscar Arcera.

Respondido : 22/02/2023 10:28 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Óscar,

Siguiendo los lineamientos anteriormente hechos por mi compañero puedes hacer lo siguiente

1-Retirar el argumento "!important" de los estilos definidos en el archivo bootstrap.css

image

2-Aplicar los estilos CSS personalizados desde el archivo template.css

image

Saludos!

Respondido : 22/02/2023 10:46 pm

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

Óscar
 Óscar
Usuario activo

Hola Bruno,

he borrado las etiquetas !important del bootstrap y he modificado el Template.css de la plantilla Protostar, pero sigue sin modificarse. Tened en cuenta que la plantilla que yo estoy utilizando en mi página es la "encelado" y en esta plantilla, no aparece un Template.css en la carpeta css como te adjunto:

image

Saludos,

Óscar Arcera

Respondido : 22/02/2023 11:24 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Óscar,

La captura de la plantilla Protostar donde se modifica el archivo Template.css es netamente referencial para indicarte una forma en la que te puedas ubicar en tu caso

Debes ubicar el archivo CSS que contenga los estilos definidos de tu plantilla activa, solo asi es que se tomaran los cambios deseados con estilos CSS personalizados

Si ya has modificado el archivo bootstrap.css de forma satisfactoria, si ahora al ubicar el archivo CSS que corresponda a tu plantilla y usar el codigo antes sugerido deberia de funcionar

.alert-success {
background-color: #8cd9f0 !important;
border-color: #265a93 !important;
color: #a265a93 !important;
}

Saludos!

 

Respondido : 22/02/2023 11:35 pm

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar

Le pedí a un compañero de hosting que añadiera el código en el archivo bootstrap.css que puedes encontrar en la ruta public_html -> templates -> encelado ->css-compiled " bootstrap.css "

Si lo reviso veo que se modificó:

screenshot sanjosesantander.com 2023.02.23 12 19 14

Puedes acceder al archivo desde tu cuenta de WePanel -> Administrador de archivos.

Tienes una guia de como utilizar el administrador de archivos en este enlace:

-> https://guias.webempresa.com/preguntas-frecuentes/administrador-archivos-cpanel/

 

Espero qeu fuese lo que buscabas, de no ser así por favor indícalo para que podamos seguir ayudándote.

 

Un saludo

 

Respondido : 23/02/2023 11:23 am
Óscar
 Óscar
Usuario activo

Muchísimas gracias Pepe,

Justo esto es lo que quería. Yo lo modificaba desde el administrador de plantillas y por alguna razón no se quedaba guardado.

 

Un saludo y nuevamente muchas gracias por vuestra atención!

Respondido : 24/02/2023 8:41 am

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar

Nada, gracias a ti 😀 

Cualquier consulta que tengas no dudes en comunicarlo.

 

Un saludo

Respondido : 24/02/2023 9:18 am
Óscar me gusta