Avisos
Vaciar todo

Cambiar color fuente y fondo en Entradas

23 Respuestas
5 Usuarios
0 Reactions
751 Visitas
Respuestas: 73
Trusted Member
Topic starter
 

Hola,
Me gustaría poder cambiar el color de la fuente en la página de ENTRADAS de mi web.

También me gustaría que el color del cuadro de texto fuese el mismo que el del fondo.
¿Podéis decirme cómo hacerlo?

Muchas gracias.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 23/09/2018 10:39 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Es posible que con algunos cambios CSS lo puedas hacer, actualmente tu sitio pide un usuario registrado, podrias enviarnos algún usuario de prueba para ver lo mismo que muestras en tu imagen ya que necesitamos inspeccionar el código generado.

Saludos.


 
Respondido : 23/09/2018 4:48 pm
Respuestas: 73
Trusted Member
Topic starter
 

Hola,
Utilizad estos datos:

Contenido solo visible a usuarios registrados

Muchas gracias


 
Respondido : 23/09/2018 7:17 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Javier,

El color de los títulos de las entradas lo puedes cambiar en hexadecimal modificando el siguiente estilo CSS en el archivo base.css:

h2, h2 a, h2 a:hover {
    color: #ff0000;
}

Lo que daría por ejemplo como resultado:


 
Respondido : 23/09/2018 8:40 pm
Respuestas: 73
Trusted Member
Topic starter
 

Perfecto, ¿pero dónde está el archivo base.css?

Otra cosa, ¿cómo cambio el fondo blanco por el mismo que el gris de la web?

Gracias.


 
Respondido : 23/09/2018 8:54 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Javier,

El archivo base.css tendrás que buscarlo en la carpeta de tu tema (desconozco que temas exactamente usas) y dentro de la carpeta de tu tema en CSS.

Mira en /wp-content/themes/css a ver si está el archivo.

Lo de cambiar el fondo del tema de forma global te recomiendo primero que compruebes si tu tema te permite personalizar el fondo desde Ajustes, Personalizador, en lugar de tocar CSS.

Saludos


 
Respondido : 23/09/2018 9:11 pm
Respuestas: 73
Trusted Member
Topic starter
 

Disculpa, pero estoy mirando el archivo base.css y no veo lo que me indicas.

Puedes ser más preciso?
Dónde está la línea que tiene que ver con la página NEWS en concreto?
El tema se llama Betheme de Muffin group.

Gracias.


 
Respondido : 24/09/2018 1:30 pm
Pepe
 Pepe
Respuestas: 41130
Illustrious Member Admin
 

Hola Javier.

Los códigos de estilos los puedes poner en la òsicion que quieras, es decir no siguen un orden.

Añade directamente el siguiente código al final del archivo que te indico mi compañero alejo:

h2, h2 a, h2 a:hover {
    color: #ff0000!important;
}

Solo tienes que copiar y pegarlo en el archivo.

Un saludo


 
Respondido : 24/09/2018 3:00 pm
Respuestas: 73
Trusted Member
Topic starter
 

Hola, he estado liado y no he podido probarlo hasta ahora.

He hecho lo que me has dicho: pegar el código al final del archivo y no cambia el color.

La ruta que he seguido es themes - betheme - css - base.css

Adjunto captura del texto pegado en base.css

Saludos.


 
Respondido : 24/09/2018 9:14 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Verifico que en BeTheme dentro de sus opciones tienes un apartado para Custom CSS & JS https://www.betheme.com/tutorial/use-muffin-options/

Ingresa el código en este apartado y comprueba si te da resultado.


 
Respondido : 25/09/2018 4:00 am
Respuestas: 73
Trusted Member
Topic starter
 

Lo acabo de hacer y sigue igual. Adjunto captura.

¿Podéis decirme cómo puedo hacerlo?

Gracias


 
Respondido : 25/09/2018 6:53 am
Respuestas: 73
Trusted Member
Topic starter
 

Al final he podido hacerlo desde el menú de opciones de Betheme.

Lo que no consigo es cambiar el fondo blanco por otro color.

¿Podéis decirme cómo puedo saber la posición o el nombre para encontrarlo y cambiarlo?

Muchas gracias.


 
Respondido : 25/09/2018 7:27 am
Pepe
 Pepe
Respuestas: 41130
Illustrious Member Admin
 

Hola Javier.

Edita el archivo style.css que encontrarás en la ruta wp-content -> themes -> betheme -> style.css y al final del archivo añade lo siguiente:

.image_frame .image_wrapper {
   background-color: #181818!important;
    }

Puedes cambiar " #181818 " por el código del color que quieras mostrara.

En este enlace tienes una tabla de colores:
-> https://htmlcolorcodes.com/es/

Un saludo


 
Respondido : 25/09/2018 9:28 am
Respuestas: 73
Trusted Member
Topic starter
 

He ido a donde me dices: wp-content/themes/betheme/style.css

He pegado el texto al final del archivo y el fondo sigue siendo blanco.

Puedes ayudarme?


 
Respondido : 25/09/2018 9:51 am
Pepe
 Pepe
Respuestas: 41130
Illustrious Member Admin
 

Hola Javier.

Revisando en el inspector no veo que este añadido el código en el archivo, si lo añado este es el resultado:

.- Añade el código en el archivo style.css, comprueba si dentro de las opciones de tu plantilla tienes alguna opción para compilar CSS

Un saludo


 
Respondido : 25/09/2018 10:28 am
Página 1 / 2