Background image

Background image

Support Forums Cian – HTML Template Background image

Tagged: ,

This topic contains 1 reply, has 2 voices, and was last updated by  CreaboxThemes 4 years, 1 month ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #4125

    daybreakhotels
    Participant

    Estimados,

    Tengo un problema que no puedo solucionar aún, tiene que ver con el fondo de la imagen index_solid. Mi problema es que cuando veo la versión mobile la imagen no se ve al 100%, sino que prácticamente solo veo un pedazo del centro.

    Me pueden indicar por favor como se puede mantener al 100% siempre la imagen.
    Quedo atento.
    Saludos,

    #4127

    CreaboxThemes
    Keymaster

    Hola,

    quizás te ayuda la solución de otro usuario:

    1. Crear capa bgimg
    Primero creas una nueva capa a continuación de body con el siguiente código:

    <div id=”bgimg”></div>

    2. Estilos css
    En la hoja de estilos style.css añadir una nueva clase con los siguientes atributos:

    .poster-image {
    background: url(../your-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1 !important;
    backface-visibility: hidden;
    background-position: center center;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    }

    Saludos

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.