Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #194959

    Hola Josué!

    Te escribo para ver si me puedes ayudar con esta página: http://www.adw.cl/home-prueba/

    Lo que deseo es que desaparezcan los márgenes blancos arriba y abajo, junto con la barra de scroll de lateral derecha, para que la imagen esté perfectamente calzada entre Header y Scoket.

    Recordar que el Header y el Socket yo los hice más delgados vía CSS, lo que puede indicar que el espacio blanco aún corresponde a alguna propiedad de los mismos que yo no haya ajustado.

    Favor tu valiosa ayuda!!

    Muchas gracias
    José

    #194962

    Josué, incorporé este codigo en el Quick CSS

    body {
    margin-top: -27px;
    }

    Y soluciona lo del margen superior, pero la parte de abajo sigue haciendo scroll…

    Además, modifica el margen en todas las páginas del sitio.

    2 Preguntas:
    1. Cómo hago para que aplique el CSS sólo al Home?
    2. Cómo elimino el margen inferior?

    Gracias!!

    #195458

    Hola Jose,

    Intenta esto:

    #rev_slider_2_1_wrapper {
        margin: 0 auto !important;
    }

    Saludos,
    Josue

    #195601

    Ok Josué, muchas gracias!

    Saludos
    José

    #195641

    Nos avisas si te funciona :)

    Saludos
    Josue

    #196645

    Hola Josué, no me funciona del todo, a ver si me puedes ayudar.

    En esta página: http://www.adw.cl/prueba/

    Si inspecciono el elemento Slider, llego a este CSS:

    <!– START REVOLUTION SLIDER 4.1 fullscreen mode –>
    <div style=”position:relative;width:100%;height:auto;margin-top: -17px;margin-bottom: -17px;” class=”forcefullwidth_wrapper_tp_banner”>

    El cual al modificar sus propiedades margin-top y margin-bottom a -17px, lo deja calzado arriba y abajo.
    Esto consigue el efecto deseado.

    Sin embargo desconozco como referenciar esto en mi Quick CSS. He intentado

    .forcefullwidth_wrapper_tp_banner {
    margin-top: -17px;
    }
    Pero no funciona….

    Alguna idea de cómo hacerlo?

    Muchas Gracias!!
    José

    #196877

    Hola,

    Prueba con esto:

    .template-page.content.twelve.alpha.units {
        padding: 0 !important;
    }

    Saludos,
    Josue

    #196962

    Excelente Josué, funciona, muchas gracias!!

    Saludos
    José

    #196966

    Josué, disculpa, sólo un detalle: cómo elimino que aparezca la barra de scroll lateral en http://www.adw.cl/prueba/?

    Gracias!

    #197080

    Hola!

    Prueba con:

    html, body {
        overflow-y: hidden;
    }

    Saludos,
    Josue

    #197166

    Hola Josué, funciona, pero ahora las páginas no hacen scroll, ejemplo: http://www.adw.cl/the-angels-share-2012/

    Es posible dejarlo asociado sólo al Homepage?

    Saludos!!
    José

    #197169

    Prueba a cambiar la regla a esto:

    body.page-id-3236 {
    	overflow-x: hidden;
    }

    El asunto es que solo puedes apuntar al elemento body de una pagina especifica (home), mas no al html, ya que este no lleva ninguna clase de identificacion.

    Si no te funciona, lo que podrias hacer es incluir en el contenido de esa pagina (dentro de un Bloque de Texto), algo como:

    <style>html, body{ overflow-x: hidden; }</style>
    

    Saludos,
    Josue.

    #197325

    Gracias Josué, pero no parece funcionar ninguna de las dos alternativas.

    Esta página usa el Blank Template, es posible hacer algo a nivel de CSS o PHP de dicha página, de modo que todas las páginas que hereden este template tengan esta propiedad seteada de esta manera?

    Gracias de nuevo

    Saludos
    José

    #197334

    Hola,

    Prueba con esto, ponlo en el contenido del Page mientras estas en la pestaña Texto:

    <style>html, body{ overflow-y: hidden !important; }</style>
    Saludos,
    Josue

    #197352

    Excelente Josué, parece funcionar perfectamente, muchas gracias!!

    Saludos
    José

    #197357

    De nada, que bueno que te haya podido ayudar :)

    Saludos,
    Josue

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Calce perfecto de Imagen Full Width en el Homepage’ is closed to new replies.