Código para Crear tema hijo del tema metone  

Hola,

Lo que tendrias que hacer es crear un fichero css personalizado, en el siguiente enlace se comenta como crear el archivo: https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html ,en dicho fichero tendrias que insertar el siguiente código:

.gf-menu {
  background-color: #000;
}

#rt-top-surround a {
  color: #fff;
}

Gracias, pero aún falta la respuesta por favor a mi primera pregunta sobre el código que debo de escribir para crear el tema hijo del tema que tengo activo que es metone, no se porque datos remplazo los códigos que aparecen en la imagen que adjunté.

Sobre la respuesta que ud me da, debo de crear ese archivo css en el tema hijo que estoy creando?

Quedo atento

Gracias

Hola,

Con lo que te acabo de indicar ya no es necesario que crees un tema hijo, si deseas puedes eliminarlo.

El código ya te lo envié en el hilo anterior y es el que tendrias que pegar en el fichero css personalizado que debes de crear tal cual esta explicado en el articulo de blog que te adjunte.

Gracias, pero otra duda,

Yo he leído en temas anteriores y por este artículo de uds: www.webempresa.com/blog/crear-temas-hijo-child-themes-en-wordpress.html, que cuando se va a cambiar el código css es mejor crear un tema hijo que por cuando se hagan actualizaciones del tema no se presenten inconvenientes y que se borre lo que uno ha modificado,

Quisiera por favor me aclare este punto, para estar tranquilo a futuro y poder continuar.

Gracias.

Hola Edin.

cuando se hagan actualizaciones del tema no se presenten inconvenientes y que se borre lo que uno ha modificado,

Al crear el archivo personalizado de CSS como te comenta mi compañero johnny, ese archivo es el que se utilizara para las modificaciones.

Cuando actualices se sobrescribieran los archivos de la actualización pero ese archivo no se actualiza con lo que queda igual que lo tenias y las modificaciones no se pierden.

Un saludo

Excelente, muchas gracias por la respuesta, pero la última pregunta para entender bien.

¿Entonces en cuales casos es que se debe de crear el tema hijo?

Esta pregunta con el fin de entender mejor.

Gracias

Ya cree el archivo css personalizado y me fue muy bien con el código, la barra de menú quedó de color negro y la letra de color blanco, pero el nuevo inconveniente es que cuando paso el mouse encima de la letra esta se pone de color negro y se pierde en el fondo que también es negro. Entonces como puedo hacer para que en vez que la letra se coloque de color negro, mejor se forme un un recuadro de color gris o en su defecto la letra se coloque de color gris al pasar el mouse encima de ella,

Otro inconveniente, es que los iconos de facebook y twitter que estan en la parte superior derecha se colocaron de color blanco por lo cual como estan en un fondo también de color blanco no se ven, pero cuando se pone el mouse encima del icono pasar de color blanco a color negro, entonces '¿como puedo hacer para colocar también estos iconos de color negro y que cuando se pase el mouse por encima de ellos se tornen de color gris o un recuadro de color gris.

Muchas gracias, quedo atento a una respuesta.

Hola Edin, Buenos Días.

¿Entonces en cuales casos es que se debe de crear el tema hijo?
Sirve para las modificaciones, pero en tu caso al utilizar el framework gantry, que es el constructor de tu plantilla, lo puedes poner dentro de un archivo custom, ese archivo no se sobrescribe por lo que las modificaciones no se perderán.

Un saludo

Hola, Excelente, muchas gracias me quedo muy clara la respuesta.

Pero aún presento el inconveniente que le mencioné antes:

Ya cree el archivo css personalizado y me fue muy bien con el código, la barra de menú quedó de color negro y la letra de color blanco, pero el nuevo inconveniente es que cuando paso el mouse encima de la letra esta se pone de color negro y se pierde en el fondo que también es negro. Entonces como puedo hacer para que en vez que la letra se coloque de color negro, mejor se forme un un recuadro de color gris o en su defecto la letra se coloque de color gris al pasar el mouse encima de ella,

Muchas gracias, quedo atento a una respuesta.

Quedo atento a la respuesta.

Hola,

Sobre el problema que tienes del mouse puedes ahora insertar el siguiente código sin eliminar el anterior en el mismo fichero:

#rt-top-surround a:hover {
  color: #fff;
}

En cuanto a la redes sociales el código en el mismo fichero:

#text-9 .icon-facebook {
color:black;
}

#text-9 .icon-twitter {
color:black;
}

Hola,

Inserté el código pero en la página no hubo ningún cambio al pasar el mouse por encima de la letra del menú y los iconos de las redes sociales continúan de color blanco y por ende no se ven.

Adjunto ambas imágenes,

Quedo atento a una solución por favor.

Hola Edin, Buenos Días.

Edita el archivo custom que creaste para las modificaciones y añade lo siguiente:
Para el menú:

.gf-menu li:hover > .item {
		color:#FFFFCC !important;
	}

Para los Iconos:

.icon-twitter:hover {
    color: #990000 !important;
}
.icon-facebook:hover {
    color: #990000 !important;
}

Un saludo

Hola,

Aún no me funciona, sigue el mismo inconveniente, adjunto el pantallazo del código insertado en caso que lo haya hecho mal.

Espero una pronta respuesta por favor.

Hola

En lugar del código anterior para las redes sociales sólo usa este código al final de tu archivo personalizado

#rt-top-surround a.topSocial{
color:black;
}

Saludos.