• Resuelto Rubiconwm

    (@rubiconwm)


    Hola!
    Soy nuevo en esto de wordpress.
    Tengo una web muy sencilla http://www.rubiconproducciones.eu y para ello he utilizado el tema pictórico.
    Me gustaría colocar una imagen (con el nombre de la empresa y el logo) de cabecera en la home.
    Por defecto el tamaño que se recomienda de la imagen de cabecera del tema pictorico es de 1200 x 525 px.
    Pero hace que las entradas de mis post se queden muy abajo en la pantalla.
    Me gustaría saber si hay alguna manera de que la imagen de cabecera pueda ser más pequeña, armonizando así el diseño de mis posts con la imagen de cabecera.
    Investigando en otros foros he visto esta línea de código
    .entry-header .header-image {
    height: 400px;
    }
    Que me hace la imagen más pequeña, pero genera una feo bloque de color negro en la página entre la imagen y los posts.
    También me pasa algo parecido con este otro
    .header-image {
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    }

    ¿Alguien puede indicarme alguna posible solución?
    No soy para nada un experto en CSS. Pero me he bajado el plugin Jetpack para personalizar mi CSS.
    Así que agradecería algún consejo sencillo como cortar y pegar alguna línea de código que me sirva.

    Si no es posible, otra opción que barajo para la home sería insertar una imagen (con el nombre de la empresa y el logo) como texto de cabecera. Para ello, creo que edebería redimensionar la caja de texto. ¿Cómo se puede hacer? ¿Puede cambiar esa parte de texto por una imagen? ¿Cómo podría hacerlo?

    Espero que alguien me pueda contestar y darme algunas pistas o soluciones.
    Un cordial saludo

    Mariano.

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • Agrega esto a tu CSS

    .entry-header{height:525px}

    Y cambia los 525 por la altura que quieras.

    Saludos.

    Iniciador del debate Rubiconwm

    (@rubiconwm)

    Hola, Peter.
    Gracias por la info.
    Lo estoy probando. Sin embargo, copio la línea de código en mi editor CSS y no varia el tamaño de la altura de la imagen de cabecera, pese las diferentes cifras que le doy.
    Ya no sé si es un tema de la imagen en sí.
    Mi imagen original tiene una dimensión de 1200 x 525.

    También he probado a redimensionar la altura de la imagen de acuerdo a la altura que indico en CSS, por ejemplo: 1200×300, y no funciona. No varia la altura y la imagen se me pixela.
    Ahora mismo tengo la web así
    http://www.rubiconproducciones.eu
    He dejado la imagen original 1200×525. Como verás hay mucho aire entre la parte superior y las imágenes de los posts.

    ¿Qué estoy haciendo mal?
    Cualquier otra idea será bienvenida. Si no creo que tendré que optar por alguna otro diseño. Aunque me gusta mucho el pictórico y se ajusta al estilo de web que quiero hacer.

    Un cordial saludo,
    Mariano

    Lo que te puse es para la cabecera de las paginas como tal y no tienen nada que ver con el slider que tienes ahora en portada.

    Modificar el slider ya es otra cosa diferente.

    Saludos.

    Iniciador del debate Rubiconwm

    (@rubiconwm)

    Hola, Peter.
    Como te comenté algo pasaba por que escribía
    .entry-header{height:525px} en el editor CSS de Jetpack y no parecía cambiar el tamaño de la imagen.
    Así que opté por cambiar el diseño. Descubrí el slider de los posts y se ajusta mucho mejor al estilo de web que quiero tener, así que voy a dejar así la home de la web.
    Ahora quiero cambiar el texto de cabecera por un logo/imagen jpg que tengo en la libreria de imágenes. Me gustaría que se pudiera ajustar al ancho de la cabecera que tengo disponible. O que al menos pudiera jugar con las dimensiones para obtener un buen resultado final.
    ¿Hay alguna línea de código que pueda utlizar en el editor CSS?
    Cualquier idea o sugerencia será bienvenida.
    Un cordial saludo,
    Mariano.

    Ese ya es otro tema, por favor marca este como resuelto y abre uno nuevo que sea sobre títulos.

    Saludos.

    buenas tardes rubiconwm, puedes comentar como conseguiste instalar el slider porfavor. No lo consigo

    Muchas gracias de antemano,

    Un saludo

    edgar_GR_90, por favor abre tu propio tema.

    Saludos.

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • El debate ‘Redimensionar Imagen de cabecera / tema pictorico’ está cerrado a nuevas respuestas.