Avisos
Vaciar todo

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

8 Respuestas
4 Usuarios
0 Reactions
4,339 Visitas
Respuestas: 958
Prominent Member
Topic starter
 

HE BAJADO UN TEMA DE LOS QUE OFRECE LA WEB DE WebEmpresa, MAGAZINE BASIC, http://www.sabadografico.net/wp-admin/theme-install.php?theme=magazine-basic
y ahora estoy iniciando queriendo saber como puede reducir el tamaño del logo en la cabecera de la web, que esta muy grande, en www.sabadografico.net. y colocarlo reducido a la izquierda en forma de rectangulo para colocar una imagen que estaria en el centro de la cabecera y en el otro extremo colocar un cuadrado vacio para poner un texto o imagen. No tengo conocimientos de html.
Como puedo hacerlo?

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 22/12/2014 9:21 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

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.


 
Respondido : 22/12/2014 12:13 pm
Respuestas: 958
Prominent Member
Topic starter
 

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


 
Respondido : 22/05/2015 7:26 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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.


 
Respondido : 22/05/2015 7:48 pm
Respuestas: 958
Prominent Member
Topic starter
 

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


 
Respondido : 22/05/2015 9:08 pm
Respuestas: 958
Prominent Member
Topic starter
 

perdona he coneeguido colocar la imagen sin reecortarla

gracias muchas

adolfo


 
Respondido : 22/05/2015 9:14 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

HOla

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

Saludos.


 
Respondido : 22/05/2015 9:21 pm
Rafael
Respuestas: 1975
Noble Member Moderator
 

¡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


 
Respondido : 22/05/2015 9:22 pm