Poner color en cabezote de plantilla favourite  

Página 1 / 2
 
Carlos Alberto
 Carlos Alberto
Noble Member

quisiro poner en mi siti www,orbiarte.com (plaantilla favourite) una franja de color en el cabezote, tal como la tiene el sitio www.woowbook.com , también plantilla favourite pero en el admin se ve diferente la personalizacion, el campo que use en ella no aparece en la de orbiarte. con esto creo que terminaria este sitio.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 26/01/2018 6:35 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Puedes probar con el siguiente código CSS, cambiando yellow por algún código de color que desees.

#fav-headerwrap{
  background-color:yellow;
}

Saludos.

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

ResponderCitar
Respondido : 26/01/2018 8:58 pm

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

Carlos Alberto
 Carlos Alberto
Noble Member

en la configuracion de la plantillla en el back o por c panel en el código y en que parte en ambos casos

ResponderCitar
Respondido : 26/01/2018 9:05 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Supongo que te refieres a en qué archivo poner este código, puedes ponerlo en algún archivo CSS que carga tu template, por ejemplo al final de este archivo:

/templates/favourite/css/template.css

Documenta estos cambios porque al actualizar el template es posible que tengas que hacerlos nuevamente.

Saludos.

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

ResponderCitar
Respondido : 26/01/2018 9:22 pm

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

Carlos Alberto
 Carlos Alberto
Noble Member

Gracias, que quieres deecir con Documenta estos cambios porque al actualizar el template es posible que tengas que hacerlos nuevamente.

ResponderCitar
Respondido : 26/01/2018 9:54 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Significa que si al actualizar la plantilla se realiza un sobre-escritura de ficheros que es lo normal se perderán todos los cambios escritos de código que has aplicado por lo que tendrías que ingresarlos de forma manual nuevamente.

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 : 27/01/2018 1:12 am

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

Carlos Alberto
 Carlos Alberto
Noble Member

solo agrgue codigo para dar mas margen derecho las imágenes de articulo al completo. entonces eso se vuelve un circulo vicioso, pues estan en otro archivo y al guardarlo se perderian estas y asi

ResponderCitar
Respondido : 27/01/2018 3:42 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola,

Voy a intentar explicártelo si me lo permites.

Los temas o plantillas (en el caso de Joomla) trabajan con archivos de estilos en cascada CSS y estos archivos que pertenecen a la plantilla en uso se actualizan cuando se actualiza la plantilla.

Si tu haces cambios en algún archivo de CSS, por ejemplo en template.css y cambiar o añades algo (el color que has pedido por ejemplo) y dentro de 1 mes sale una actualización de tu plantilla porque el autor de la misma haya cambiado o mejorado cosas de la misma, los cambios que tu aplicaste en template.css se perderán y ese color que pusiste desaparecerá y volverá a estar como estaba en la plantilla original.

Esto es así siempre y con todo tipo de plantillas que reciban actualizaciones.

Para evitar esto o bien se crean overrides de la plantilla (algo complejo si no dominas bien estos temas) o bien documentas (anotas en alguna parte que en tal archivos, tal día añadiste tal estilo CSS para cambiar tal color) en un archivo esos cambios para que si un día los pierdes sepas como volver a aplicarlos.

Ni todos los días se liberan nuevas versiones de plantillas ni es lo habitual así que no debería preocuparte, para eso están también las copias de seguridad.

Yo por ejemplo en mi ordenador tengo archivos de anotaciones por ejemplo "anotaciones_dominio.com_de-la-web.txt" donde regularmente anoto cosas que hago, cambios en código, en estilos, etc., y así me sirve de cuaderno de bitácoras de las cosas que hago internamente en los archivos de la web y si un día algo me desaparece o cambia, miro las notas y verifico que era lo que tenia puesto y que ahora no veo.

Saludos

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

ResponderCitar
Respondido : 27/01/2018 10:14 pm

Cursos Gratuitos WordPress

Carlos Alberto
 Carlos Alberto
Noble Member

Muy didáctica tu explicación , perfectamente entendida, yo inicialmente crei, que era que al guardar el cambio de color, se perdia el cambio que habia hecho ayer de márgenees de la imagen. aunque aqui queda en el post gurdare los datos en mi disco duro

ResponderCitar
Respondido : 27/01/2018 10:19 pm
Carlos Alberto
 Carlos Alberto
Noble Member

que pena el color lo pongo en letras o inserto el código de 6 digitos?
Inicialmente lo puse en codigo 000000 lo quiero negro, guarde y no se mostró, entonce lo puse en texto(ver captura) y tampoco se modifico

aclaro no quiero el marco que muestra la captura sino esa area en fondo negro

ResponderCitar
Respondido : 27/01/2018 10:20 pm

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

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola

Mi recomendación es que lo pongas en hexadecimal y no con el nombre del color:

background-color:yellow;

Lo adecuado es que sepas el color exacto y lo apliques:

background-color: #ffff00;

Mira este enlace si quieres ver como obtener colores hexadecimales personalizados:

https://www.w3schools.com/colors/colors_picker.asp

Saludos

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

ResponderCitar
Respondido : 27/01/2018 10:47 pm
Carlos Alberto
 Carlos Alberto
Noble Member

segun la palteta de FIREWORK 000000 es negro, y asi lo uso y me funciona cuando hago un banner en firework y necesito el negro , ah creo que faltaba # osea # 000000
tampoco funciona insertando #000000

ResponderCitar
Respondido : 27/01/2018 10:51 pm

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

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola

¿Has visto el enlace de colores que te facilité? si lo viste verás que los colores en hexadecimal (numéricos) se expresan con una almohadilla # delante, por ejemplo el negro sería #000000 y no 000000 como tu quieres poner.

Saludos

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

ResponderCitar
Respondido : 27/01/2018 10:56 pm
Carlos Alberto
 Carlos Alberto
Noble Member

si por eso inmediatamente cai en cuenta del error y lo comente, pero ni asi funciona

ResponderCitar
Respondido : 27/01/2018 10:58 pm

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

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola

¿Puedes facilitar una captura donde has insertado el código completo de color facilitado?

Debería ser:

#fav-headerwrap{
  background-color: #000000;
}

Y si sigue sin mostrarse tras limpiar BIEN la caché de tu navegador, entonces deberías añadir un "!important" es decir:

#fav-headerwrap{
  background-color: #000000 !important;
}

Para forzar que sea ese color y no otro.

Si persiste el problema abre una nueva ventana de tu navegador en "modo incógnito" y prueba de nuevo la carga de la web y si se ve o no con el nuevo color esa franja de cabecera.

Saludos

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

ResponderCitar
Respondido : 27/01/2018 11:13 pm
Página 1 / 2

Por favor Iniciar Sesión o Registro