Cambiar el color de fondo de la posición top-a de mi plantilla  

Página 1 / 2
 
Rosario
 Rosario
Noble Member

www.cndanza.net

Estoy intentando cambiar el color de la posición top-a de mi plantilla quamtum de yoothme. He mirado el tutorial de sufijos de módulo dos o tres veces, pero no me funciona.

Creo que tengo algún error de concepto porque en realidad entiendo que hablar de sufijos es hablar de módulos y cuando quieres variar el fondo de color de una posición no hablas de ningún módulo en concreto, no me interesa cambiar el color de los módulos que se insertan en esta posición sino el color de fondo de la posición.

Tengo localizada en la plantilla layout.css la línea que corresponden de este cambio de color

#page-top .page-top-1 { background: #222222 url(../images/page_top_bg_b.png) 50% 0% repeat-x; }

si quiero que mi plantilla contenga un fondo gris claro en lugar de oscuro en una sola sección (el front-end), aplico la teoría del sufijo de módulo, pero no funciona:

.page-top .page-gris { background: #DADADA } al final de la hoja de estilos layout.css

El problema que encuentro es que si voy al módulo que tengo instalado, que es un wrapper, escribo en el espacio de module sufix _page-gris, page-gris con un espacio o page-gris sin espacio y no solo no me cambia el color del fondo, es que me estropea la medida del wrapper.

Me llama la atención que para escribir nuevos sufijos, se pone un puntito delante, ¿no vale una #?, porque en el layout casi todo está escrito con almoadilla.

Citar
Respondido : 22/12/2011 6:14 pm
Rosario
 Rosario
Noble Member

¿alguien me puede ayudar?, me urge solucionar esta cuestión

ResponderCitar
Respondido : 23/12/2011 12:49 pm

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

David Noguera
 David Noguera
Miembro Admin

Hola Rosario,

que es lo que quieres hacer exactamente? En la web que has puesto en el enlace se ven dos fondos diferentes.. si nos pasaras una captura de pantalla de tu web editada con paint o cualquier otro editor de imágenes donde se vea el cambio que quieres hacer nos sería más sencillo explicarte..

Saludos

Si te ha servido de ayuda, déjanos tu testimonio con un link hacia tu Web y mejora su posicionamiento:
Enviar testimonio
¡Gracias!.

ResponderCitar
Respondido : 23/12/2011 3:33 pm
Rosario
 Rosario
Noble Member

El fondo es gris oscuro y me gustaría que fuese clarito, pero solo en esta sección

ResponderCitar
Respondido : 23/12/2011 5:21 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Rosario

En tu archivo de template : /templates/yoo_vanilla/css/layout.css , ubica el estilo y cambia el background, por ejemplo :

#page-top .page-top-1{
background : blue;
}

Saludos.

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

ResponderCitar
Respondido : 24/12/2011 3:04 pm
Rosario
 Rosario
Noble Member

si, esto ya lo se, pero es que solo quiero que cambie el color en una sección, no en las demás

ResponderCitar
Respondido : 24/12/2011 3:22 pm

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

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Rosario,

Creo que tengo algún error de concepto porque en realidad entiendo que hablar de sufijos es hablar de módulos y cuando quieres variar el fondo de color de una posición no hablas de ningún módulo en concreto, no me interesa cambiar el color de los módulos que se insertan en esta posición sino el color de fondo de la posición.

Considero que se trata de un error de concepto, pues lo sufijos son llamadas a estilos que envuelven los estilos del módulo al que lo apliques permitiendo que sean estos los que prevalezcan.

Normalmente un sufijo si se aplica a un solo módulo desde el campo "Sufijo de la clase del módulo" solo debe afectar a este módulo en cuestión y no al resto.

También puedes crear en la hoja .css correspondiente los sufijos que consideres necesarios e incluso variaciones dentro de un mismo sufijo ya existente para que se apliquen a los módulos que necesiten tengan una apariencia ligeramente diferente al resto.

Saludos

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

ResponderCitar
Respondido : 24/12/2011 6:57 pm
Rosario
 Rosario
Noble Member

creo que no nos entendemos, seguramente no me se explicar,

Tengo localizada en la plantilla layout.css la línea que corresponden de este cambio de color

#page-top .page-top-1 { background: #222222 url(../images/page_top_bg_b.png) 50% 0% repeat-x; }

esta isntrucción afecta a la posición top, (que yo creo que no es un módulo sino una posición, quizás este es mi error de concepto).

Dentro de la posición se incluye el módulo wrapper o widget o culaquier otro, pero yo no quiero cambiar los módulos que incluyo en la posición top sino el color de fondo de la posción top y que esto suceda en una sola sección.

si duplico esta instrucción, le cambio el nombre a topazul y el color de fondo y aplico al sujo del módulo

#page-top .page-topazul { background: #dadada url(../images/page_top_bg_b.png)
50% 0% repeat-x; }

¿qué tendría que escribir en el sufijo de módulo exactamente y donde?, ¿quizás en el módulo que tengo aplicado en esa sección y colocado en esa posición?, lo he intentado escribiendo _top azul o top azul con un espacio, pero no me funciona.

Felices Fiestas ¿Trabájais también esta noche y mañana?. Mis mejores deseos para todo el equipo.

ResponderCitar
Respondido : 24/12/2011 7:49 pm

Cursos Gratuitos WordPress

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Rosario,

Analizo la posición "top" de tu plantilla y no entiendo el sentido de aplicar un "background" si ya está ocupada 100% la posición con el módulo de imágenes centrales.

Saludos

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

ResponderCitar
Respondido : 24/12/2011 10:05 pm
Rosario
 Rosario
Noble Member

pues yo quiero cambiar las zonas laterales que se ven en gris oscuro y ponerlas en gris clarito y eso se hace desde layout.css

#page-top .page-top-1 { background: #222222 url(../images/page_top_bg_b.png) 50% 0% repeat-x; }

entonces calmbia el colro en toda la plantilla, pero me gustaría saber si se puede cambiar ese color sólo en una sección y que el resto quedaran en gris oscuro.

ResponderCitar
Respondido : 25/12/2011 10:07 am

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

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Rosario,

¿Serias tan amable de adjuntar una captura donde se vea la portada de tu sitio y señalar que zonas son las que quieres cambiar? porque no acabo de entenderte, disculpa.

Saludos

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

ResponderCitar
Respondido : 25/12/2011 7:14 pm
Rosario
 Rosario
Noble Member

www.cndanza.net

en una de las entradas anteriores de esta consulta hay una imagen que pone fondoazul.jpg, se trata de que el fondo de la posición top que normalmente aparece en gris oscuro aparezca en tonos claros, pero solo en una sección, no en toda la web.

ResponderCitar
Respondido : 27/12/2011 5:51 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Rosario

Agrega el siguiente estilo al archivos layout.css

#page-top .page-top-2{
background : blue;
}

Te cambia sólo una sección no todo el background de la web

Saludos

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

ResponderCitar
Respondido : 27/12/2011 9:14 pm
Rosario
 Rosario
Noble Member

pero imagino que una vez que he escrito este código en layout.css tengo que hacer referencia a él en algún lugar de la sección en la que quiero que funcione ¿cómo podría hacerlo para que el programa sepa que es esa la sección top-2? ¿me lo puede explicar de la forma más clara y definida posible?, me refiero a que si tengo que poner comillas, guiones, espacios o demás.

ResponderCitar
Respondido : 29/12/2011 8:10 pm

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

Jordi Sala
 Jordi Sala
Miembro Admin

Hola Rosario,

¿Has probado el código tal como te indica Jhon? En el código ya se indica el .page-top-2

Saludos

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

ResponderCitar
Respondido : 30/12/2011 10:33 am
Página 1 / 2

Por favor Iniciar Sesión o Registro