Código para Crear tema hijo del tema metone  

Página 1 / 2
 
Edin Fernando
 Edin Fernando
Usuario eminente

Hola,

Primero que todo deseo aclarar que soy nuevo con esto de crear sitios web, y actualmente deseo hacer algunas modificaciones al estilo del tema que tengo activo el cual es metone, la modificación consiste en colocar en color negro el fondo de la barra de navegación o menú, la cual me queda en color negro pero la letra no cambia a color blanco sino que también se queda en el color negro, por lo tanto creo que la única solución es modificar el estilo del tema, y por lo que he leído en todos los foros que he encontrado aca relacionados con mi duda, el paso que debo de seguir es crear un tema hijo según los pasos que se presentan en este artículo: https://www.webempresa.com/blog/crear-temas-hijo-child-themes-en-wordpress.html

pero el problema que se me presenta es que no se de donde saco la información que aparece en el código que debo de colocar como se muestra en esta imagen, por ejemplo no se donde saco la THEME URL.

Espero además de que me resulevan la duda anterior, que igualmente me indiquen cual sería el procedimiento para cambiar el color de la letra de la barra de menú cuando le coloque el fondo en color negro, ya que la letra también se esta quedando en color negro y necesito ponerla en blanco, lo que he intentando de mil maneras por opciones de configuración del tema desde el escritorio de wordpress y no he podido.

Muchas gracias, quedo atento a una respuesta,

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 17/01/2017 4:07 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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;
}

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 17/01/2017 5:31 am

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

Edin Fernando
 Edin Fernando
Usuario eminente

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

ResponderCitar
Respondido : 17/01/2017 5:44 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 17/01/2017 6:10 am

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

Edin Fernando
 Edin Fernando
Usuario eminente

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.

ResponderCitar
Respondido : 17/01/2017 6:17 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 17/01/2017 8:27 am

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

Edin Fernando
 Edin Fernando
Usuario eminente

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

ResponderCitar
Respondido : 18/01/2017 3:54 am
Edin Fernando
 Edin Fernando
Usuario eminente

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.

ResponderCitar
Respondido : 18/01/2017 4:34 am

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 18/01/2017 8:21 am
Edin Fernando
 Edin Fernando
Usuario eminente

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,

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.

Quedo atento a la respuesta.

ResponderCitar
Respondido : 18/01/2017 11:52 pm

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

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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;
}

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 19/01/2017 2:34 am
Edin Fernando
 Edin Fernando
Usuario eminente

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.

ResponderCitar
Respondido : 19/01/2017 6:30 am

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 19/01/2017 9:15 am
Edin Fernando
 Edin Fernando
Usuario eminente

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.

ResponderCitar
Respondido : 19/01/2017 6:47 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 19/01/2017 8:39 pm
Página 1 / 2

Por favor Iniciar Sesión o Registro