Como reducir tamaño logo en la cabecera y colocarlo en un rectangulo a la izquierda de la cabecera y poner una imagen en el centro de la cabecera  

Hola,

Veo que has subido una imagen muy grande, con unas dimensiones de 1066x660 píxels. Bastaría con que cambies las dimensiones de tu logo por otro con una dimensiones menores. Puedes utilizar cualquier editor de imágenes para ello.

Aunque se podría reducir el tamaño de la imagen usando CSS no es conveniente hacerlo así, ya que la imagen ocuparía un espacio mayor en disco innecesario, con lo que aumentaría el tiempo de carga.

En resumen, tendrías que subir tu logo con el tamaño con el que quieras que se muestre.

cuando reduzco con el photoshop la imagen y la llevo a la cabecera me dice que la seleccione y la recorte y en tonces me queda solo una parte de la imagen.porque me la recorta. como puedo ponerla sin recortal pero con tamaño reducido.
la habia reducido a los pixels de 465x 288

http://www.sabadografico.net

HOla

Coloca la imagen a un tamaño más pequel para ver a que te refieres cuando dices que te la recorta ya que es posible que la imagen si que este completa sólo que la visualización no sea correcta por CSS

Saludos.

estoy bloqueado.
en la seccion de cabecera del escritorio me dicen que tendria que poner una imagen con
1200x288 pixels y lo redujo bastante a mas de la mitad para colocarla a la izquierda
una pregunta:
cual es el tamaño que tengo que poner para que no salga recortada y que tengo que
hacer para trasladarla a la izquierda.
tendre que buscar a alguien

Gracias

perdona he coneeguido colocar la imagen sin reecortarla

gracias muchas

adolfo

HOla

Ahora ya se muestra correctamente, entiendo que ya solucionaste tu problema

Saludos.

¡Hola Adolfo!

Adicionalmente. quizás esta modificación te pueda ser de utilidad:

1º Accede a tu cPanel (midominio.com/cpanel)
2º Ve a Bloque Archivos > Administrador de Archivos
3º Navega a /wp-content/themes/magazine-basic y edita el archivo style.css > botón derecho Edit Code
4º Encuentra el siguiente código:

(línea 353)

#header .c12 {
    padding-left: 0px;
    padding-right: 0px;
}

Por:

#header .c12 {
    padding-left: 0px;
    padding-right: 0px;
    background-color: #D5080F;
}

Con ello, conseguirás tener el fondo del mismo color que el de la imagen y la imagen se quedará perfectamente visible a la izquierda. No olvides de salvar cambios.

Saludos