Header me corta la imágen

Inicio Foros WordPress Themes y Diseño Header me corta la imágen

Etiquetado: 

Este debate contiene 6 respuestas, tiene 2 mensajes y lo actualizó  Camelot hace 8 años, 8 meses.

  • Autor
    Publicaciones
  • #15537

    bananajota
    Participante

    <p>Hola, como están? En mi sitio http://www.diegocosta.com.ar el header tiene un logo que no puedo hacer más grande sin que lo corte. También sé que el div está basado en el tamaño de la font por lo que si agrando la fuente se podría ver la imágen más grande pero también las letras y no es lo que quiero.<br />
    Alguna idea? AL FIN PUDE SIBIRLO asi que ahora pueden ver el codigo REAL en vivo y en directo.<br />
    Saludos!!
    </p>

  • #35669

    bananajota
    Participante

    Hola, alguna idea? Buen año…
    El theme no permite logos más grandes sin cortarlo. Y si agrando la letra se agranda el espacio pero para una imágen del tamaño que quiero tengo que usar fuentes muy grandes. Traté de hacer dentro del div 3 partes (logo titulo buscador) pero no funcionó.
    Gracias

  • #35672

    Camelot
    Participante

    Creo que debes modificar la altura (heigth) del header. En tu theme debe ser fijo, por eso no visualiza el logo porque es más grande que el espacio asignado. No conozco tu theme pero deberías revisar en el archivo style.php, debe haber una sección bajo el rótulo de “header”, busca las entradas que corresponden a height… seguro que tiene asignado un valor en píxeles, intenta aumentarle algunos puntos, digamos de 96px (que debe ser más o menos el que tienes ahora) a 110px. Sí es el correcto apenas hagas algún cambio notarás que se modifica el header, pero ándate con cuidado, yo copiaría el archivo style.php en otro sitio como un respaldo (backup), si algo sale mal puedes recuperarlo y volver a comenzar.

    Suerte.

  • #35684

    bananajota
    Participante

    Traté de modificar esos valores antes de postear pero me agranda todo y luego no sé como achicar el H1, centrarlo, etc. para que quede igual que ahora.
    Gracias por la respuesta. acá dejo mi código CSS STYLE

  • #35843

    Camelot
    Participante

    Disculpa la demora en responder… he tenido que bajarme el theme y revisar otras partes, como el header.php para ver como funciona, generalmente las palabras asociadas a los “div id=” te indican que entradas de style.php afectan qué partes del theme.

    hay que modificar dos partes:

    añadimos un height de 80 píxeles, luego para organizarlo todo jugamos con los valores del margin y el padding (puedes buscar en internet “css margin padding” y verás que hay varios tutoriales. Hay formas de ponerlo más conciso pero he preferido ponértelo usando top (arriba), left (izquierda), bottom (abajo) para que quede claro qué valor va donde. Por suerte el margin acepta valores negativos para en lugar de dar espacio entre los objetos disminuirlo, que en este caso fue necesario.

    Con esto ya queda bien el lado izquierdo pero la caja de búsquedas y la fecha de la derecha del header queda un poco descuadrada. Particularmente no se ve mal. Pero si quieres centrarla verticalmente vamos a añadir un margin-top (es decir un margen o espacio desde arriba) de 20px.

    Debería bastar.

  • #35975

    bananajota
    Participante

    Muchas gracias por la molestia de bajarte el theme y todo, voy a intentarlo y te cuento!
    Recién ahora lo acabo de ver pero en cuanto tenga unos momentos lo hago. En serio muchas gracias.!
    te dejo 10 puntos!

  • #36301

    Camelot
    Participante

    Gracias, ahora bien, si logré ayudarte a encontrar una solución por favor ve arriba y cambia el estado de este hilo de “sin resolver” (círculo rojo) a “está resuelto” (círculo verde).

    Saludos.

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest