Grabar cambios en CSS  

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

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.

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.

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

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"

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"

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

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.)

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

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

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.

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?

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

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!