Cambiar background

Support Forums Verde – HTML Template Cambiar background

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #5612
    Rob
    Participant

    Hola, recién compre el template de Verde

    Quisiera saber como cambiar el fondo de google por una imagen mia

    Gracias

    Rob

    #5613
    CreaboxThemes
    Keymaster

    Hola,

    en la página Verde Plugin > Module Settings, en la sección ‘Map’ tienes la opción de mostrar de fondo un mapa, imagen o nada.

    Saludos

    #5614
    Rob
    Participant

    Hola, se me paso decirles que el theme es de html no de WordPress,

    help!

    #5617
    CreaboxThemes
    Keymaster

    Hola,

    de tu archivo principal index.html tienes que eliminar el siguiente código que corresponde a la carga de scripts para el mapa:

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?key=YOUR_API_KEY&sensor=false"></script>
    <script type="text/javascript" src="js/jquery.gmap.min.js"></script>

    Después en tu archivo scripts.js elimina el siguiente código:

    var $map = $('#map'),
        $address = 'Paseo de la Castellana, 1, 28046, Madrid'; //Here, you put your adress
    
        $map.gMap({
            address: $address,
            zoom: 14,
            scrollwheel: false,
            navigationControl: false,
            mapTypeControl: false,
            scaleControl: false,
            draggable: false,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        });

    Y por último es tu archivo de estilos style.css, cambia los estilos para la capa #map para que quede de la siguiente forma:

    #map{
    	background:url('http://placehold.it/240x320?text=Replacement+image');
    	background-repeat: no-repeat;
    	-webkit-background-size: cover;
    	   -moz-background-size: cover;
    		-ms-background-size: cover;
    		 -o-background-size: cover;
    			background-size: cover;
    	width: 100%;
    	height: 100%;
    	z-index: -2;
    	backface-visibility: hidden;
    	background-position: center center;
    	position: absolute;
    	top: 0px;
    	left: 0px;
    	right: 0px;
    	bottom: 0px;
    	overflow: hidden;
    }

    Recuerda cambiar la ruta de la imagen en el atributo background para que apunte a la imagen que quieres.

    Saludos

    #5618
    Rob
    Participant

    Perfecto!, muchas gracias.

    #5619
    CreaboxThemes
    Keymaster

    De nada 😉

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.