Avisos
Vaciar todo

Cambiar color fuente y fondo en Entradas  

Página 1 / 2
 
Javier
 Javier
Usuario experto

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

Citar
Respondido : 23/09/2018 11:39 am
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 23/09/2018 5:48 pm

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

Javier
 Javier
Usuario experto

Hola,
Utilizad estos datos:

Contenido solo visible a usuarios registrados

Muchas gracias

ResponderCitar
Respondido : 23/09/2018 8:17 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

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:

ResponderCitar
Respondido : 23/09/2018 9:40 pm

Cursos Gratuitos WordPress

Javier
 Javier
Usuario experto

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.

ResponderCitar
Respondido : 23/09/2018 9:54 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

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

ResponderCitar
Respondido : 23/09/2018 10:11 pm

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

Javier
 Javier
Usuario experto

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.

ResponderCitar
Respondido : 24/09/2018 2:30 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 24/09/2018 4:00 pm

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

Javier
 Javier
Usuario experto

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.

ResponderCitar
Respondido : 24/09/2018 10:14 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro 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.

ResponderCitar
Respondido : 25/09/2018 5:00 am

Javier
 Javier
Usuario experto

Lo acabo de hacer y sigue igual. Adjunto captura.

¿Podéis decirme cómo puedo hacerlo?

Gracias

ResponderCitar
Respondido : 25/09/2018 7:53 am
Javier
 Javier
Usuario experto

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.

ResponderCitar
Respondido : 25/09/2018 8:27 am

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

Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 25/09/2018 10:28 am
Javier
 Javier
Usuario experto

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?

ResponderCitar
Respondido : 25/09/2018 10:51 am

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa 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

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