Grabar cambios en CSS  

Página 1 / 2
 
Luis Ferrer
 Luis Ferrer
Usuario experto

Hola,

he redimensionado el logo de mi web: www.bebesverdes.com y, tras cambiar las dimensiones del espacio reservado para el logo en la CSS de la plantilla Zeolite que estoy usando, le doy a grabar y me sale el mensaje "Error en la página" al pie del recuadro de código. Por lo tanto si le doy a "cerrar" y vuelvo a entrar, los cambios no se han grabado. He salido y vuelto a entrar en la sesión pero sigue sin funcionar.

Por cierto, ya que hablamos de la cabecera; me gustaría que fuese más sobria, por ejemplo con fondo blanco o negro, pero esos colores no están disponibles en la plantilla Zeolite. Mis preguntas son:
- ¿ se puede elegir el color negro/blanco para la cabecera, menús,... a través de CSS de manera sencilla?
- ¿ de no ser así, puedo hacer un logo con fondo negro/blanco que ocupe exactamente todo el espacio reservado a la cabecera? ¿ cómo quedará el módulo a la derecha de la cabecera?
- he visto la nueva plantilla My Store, que viene por defecto en blanco/negro ¿ se puede cambiar de manera sencilla de mi Zeolite a la My Store manteniendo los productos, quienes somos, como comprar,...?

Citar
Respondido : 20/11/2011 10:36 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Luis Ferrer,

El color que está por encima de "header" donde se muestra tu logo lo puedes cambiar editando el siguiente estilo:

- /templates/ja_zeolite/css/template.css en la línea 1293:

#ja-cpanel {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#34383B none repeat scroll 0 0;
border-bottom:1px solid #62DC25;
height:32px;
}

Concretamente la línea que dice "background:#34383B none repeat scroll 0 0;" de tal forma que si lo quieres por ejemplo del mismo color verde que la franja horizontal de abajo "header" donde se muestra tu logo debería poner el correspondiente color en hexadecimal #54992F y quedaría algo así:

Recuerda realizar una copia de seguridad de los archivos afectados antes de modificarlos.

Saludos

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

ResponderCitar
Respondido : 21/11/2011 12:46 am

Cursos Gratuitos WordPress

Luis Ferrer
 Luis Ferrer
Usuario experto

Muchas gracias, pero ... mi principal problema, de momento, es que ni siquiera puedo grabar esos cambios. Si cambio el color, luego al darle a Guardar me sale un mensaje al pie del cuadro de texto CSS "Error en la página".

Y respecto a los colores (agradeciendo la información sobre como cambiar la barra negra superior), lo que me gustaría cambiar es el fondo de la barra que "contiene" el logotipo para poner un fondo negro o, mejor todavía, poder redimensionar el logo para que ocupe todo el espacio de la barra (que ahora es verde) de manera que puedas poner una imagen que ocupe todo el espacio (¿cómo averiguo los pixeles exactos de ancho y alto?).

Pero vamos, lo principal el poder guardar todos estos cambios.

ResponderCitar
Respondido : 21/11/2011 8:38 pm
Luis Ferrer
 Luis Ferrer
Usuario experto

Muchas gracias, pero ... mi principal problema, de momento, es que ni siquiera puedo grabar esos cambios. Si cambio el color, luego al darle a Guardar me sale un mensaje al pie del cuadro de texto CSS "Error en la página".

Y respecto a los colores (agradeciendo la información sobre como cambiar la barra negra superior), lo que me gustaría cambiar es el fondo de la barra que "contiene" el logotipo para poner un fondo negro o, mejor todavía, poder redimensionar el logo para que ocupe todo el espacio de la barra (que ahora es verde) de manera que puedas poner una imagen que ocupe todo el espacio (¿cómo averiguo los pixeles exactos de ancho y alto?).

Pero vamos, lo principal el poder guardar todos estos cambios.

ResponderCitar
Respondido : 21/11/2011 10:44 pm

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

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Luis Ferrer,

Vamos por partes, primero veamos porque no guardas los cambios.

Permisos: en los servidores de Webempresa "solo" te funcionarán las cosas con:

- 755 para carpetas.
- 644 para archivos
- 444 para archivos específicos como "configuration.php" o algún otro.
- Puedes encontrar fuera de /public_html otro tipo de permisos (750, etc.) pero no debes modificarlos porque esos afectan al funcionamiento de tu cPanel.

Con otros permisos, sobre todos superiores a 755 no te funcionaran las extensiones e inclusive Joomla! y hasta puede que provoques algún error 500.

Entiendo que utilizas el Editor de Código del Administrador de Archivos de tu cPanel para editar el correspondiente archivo .css ¿correcto?.

Saludos

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

ResponderCitar
Respondido : 21/11/2011 10:59 pm
Luis Ferrer
 Luis Ferrer
Usuario experto

Hola !,

no entiendo nada de permisos. Lo único que intento, siguiendo el videotutorial de "cambiar logo en plantilla Zeolite", es modificar las dimensiones en pixeles alto/ancho a través de NinjaExplorer/Templates/ja_Zeolite/css.
Cambio los parámetros por los nuevos (p. ejemplo 500 pasa a 300 y 104 pasa a 68) y ya está. Le doy a guardar y aparece el mensaje de "error en la página"

ResponderCitar
Respondido : 21/11/2011 11:33 pm

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

Luis Ferrer
 Luis Ferrer
Usuario experto

Hola !,

no entiendo nada de permisos. Lo único que intento, siguiendo el videotutorial de "cambiar logo en plantilla Zeolite", es modificar las dimensiones en pixeles alto/ancho a través de NinjaExplorer/Templates/ja_Zeolite/css.
Cambio los parámetros por los nuevos (p. ejemplo 500 pasa a 300 y 104 pasa a 68) y ya está. Le doy a guardar y aparece el mensaje de "error en la página"

ResponderCitar
Respondido : 22/11/2011 12:05 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Luis Ferrer,

Que no entiendas de permisos es comprensible, por eso trato de explicártelo ya que suele ser la causa.

También es posible que estés utilizando el navegador Chrome para editar archivos en NinjaXplorer y al guardar no te deje ya que es una limitación de este navegador.

Si editas archivos habitualmente desde NinjaXplorer te recomiendo hacerlo desde Firefox ya que no tendrás problemas para guardar los cambios.

Otra opción, como te comente anteriormente es utilizar el Editor de Código del Administrador de Archivos de tu cPanel.

Saludos

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

ResponderCitar
Respondido : 22/11/2011 12:11 am

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

Luis Ferrer
 Luis Ferrer
Usuario experto

Hola,

usando Mozzila Firefox ya se ha solucionado el tema de guardar los cambios. (Maldito IE !)

Solo me quedaría por resolver el tema de como averiguar las dimensiones que debo darle al logotipo para que ocupe todo el espacio de la cabecera (sin solaparse encima del modulo de "Su compra" que hay a la derecha.)

ResponderCitar
Respondido : 26/11/2011 9:13 am
Lucas
 Lucas
Miembro Admin

Hola,

El CSS que define el tamaño del logotipo es este:

h1.logo a {
width: 400px;
height: 91px;
display: block;
background: url(../images/logo.png) no-repeat center;
}

http://www.bebesverdes.com/templates/ja_zeolite/css/template.css

Podrías modificar el template.css y cambiar los tamaños del h1.logo, aun así no me convence el cambio de tamaño de logo, yo veo bien tu logo así como está ahora y si lo pones más grande creo que va a quedar peor pero para gustos colores.

También tendrías que cambiar el tamaño del logo por el que definas en el h1.logo.
http://www.bebesverdes.com/templates/ja_zeolite/images/logo.png

En el caso que quieras jugar con la posición revisa el resto de css que hacen referencia al logo en el template.css.

h1.logo, div.logo-text {
	margin: 0 0 5px;
	padding: 0;
	float: left;
	position: absolute;
	top: 10px;
	left: 10px;
}

h1.logo a span {
	position: absolute;
	top: -1000px;
}

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 : 26/11/2011 10:32 am

Cursos Gratuitos WordPress

Luis Ferrer
 Luis Ferrer
Usuario experto

Muchas gracias.

Coincido contigo en no cambiar el tamaño del logo. Me parece un tamaño adecuado tal y como está. Solo quiero "tener disponible" todo el espacio de la cabecera, es decir, poder añadir un dibujo, foto o texto a la derecha del logo. Por ejemplo, algo navideño ahora que nos acercamos a estas fechas. Por eso mi pregunta es: ¿ que tamaño tiene la parte de cabecera donde es posible ubicar el logo ?; es decir, ahora el logo mide 400px por 91px; ¿ cuanto tendría que medir para ocupar todo el espacio sin ocultar el menu principal horizontal ni el carro de compra? ¿ 1000 x 150 ? ¿ 900 x 125 ?
¿ supongo que para hacerlo exacto tendría también que poner los margenes a cero ? ¿ es eso que me señalas como marging y padding ?

Un saludo

ResponderCitar
Respondido : 26/11/2011 3:28 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola Luis

950px X 150px aproximadamente , si no puedes hacer ligeras modificaciones al tamaño.
La imagen de fondo codificada en #ja-header en el archivo /templates/ja_zeolite/css/template.css.

Ten en cuenta que la parte inferior del menú es una imagen repetitiva dentro de las imagenes de tu template (/images/header-bg.gif) por lo que si quieres conservar este aspecto tendrás que considerar colocar una barra explicitamente, aqui te adjunto una imagen de fondo de ejemplo

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/11/2011 5:07 pm

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

Luis Ferrer
 Luis Ferrer
Usuario experto

Muchas gracias,

parece que ya he conseguido lo que quería.

Ahora ya sería perfecto poder organizar el menu principal horizontal para dejar espacio a esta imagen en concreto que desborda la cabecera: he intentado modificar los nombres de las secciones añadiendo espacios en blanco en el Título para que el niño no se solape con las condiciones de envío, pero no acepta los espacios en blanco. ¿ hay alguna manera de conseguir lo que busco?

ResponderCitar
Respondido : 27/11/2011 8:19 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Luis Ferrer,

Lo que comentas que quieres hacer no se hasta que punto es viable, te explico.

No es un cambio que puedas hacer en un estilo sino que afecta a una lista de ítems que utiliza la etiqueta

  • para cargar listas, en este caso ítems de menú.

    Para ello habría que ver si se puede intentar entre en 5 y 6

  • , en html espacios utilizando la expresión   tantas veces como espacios desees conseguir para que el ítem de menú 6 no se sobreponga a la imagen.

    Lógicamente esto va tener un comportamiento muy distinto en función del navegador, por lo que es muy posible que cuando lo veas "más o menos" bien en Firefox, en Internet Explorer sea un desastre o en Chrome sencillamente se trunque el menú, ya que no es un comportamiento previsto para estos elementos.

    ¿Has probado a crear un ítem de menú 6 con título vacío usando expresiones   y con enlace externo apuntando a # en vez de a una url?.

    Saludos

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

    ResponderCitar
  • Respondido : 27/11/2011 9:04 pm

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

    Luis Ferrer
     Luis Ferrer
    Usuario experto

    Hola,

    lo ultimo que comentas me parece más accesible a mi nivel, pero crear un item con título vacio lo entiendo, pero no lo de las expresiones &nbsp pero no lo del enlace externo... ¿cómo se hace eso?
    Disculpa mi ignorancia!

    ResponderCitar
    Respondido : 30/11/2011 9:36 am
    Página 1 / 2

    Por favor Iniciar Sesión o Registro