This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*Agregue dos clases CSS diferentes a la columna. Asegúrate de dejar un espacio entre ellos. | |
Más adelante en este tutorial, | |
utilizaremos estas clases para crear el carrusel automático. */ | |
CSS Class: divicon-items slider |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
✅ Agregue el el siguiente CSS personalizado a la imagen de Blurb. | |
margin-bottom:0px; | |
✅ Luego agregue el siguiente CSS personalizado al elemento principal: | |
position:absolute !important; | |
bottom:20px; | |
left:20px; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.grid { | |
position: relative; | |
margin: 0 auto; | |
padding: 1em 0 4em; | |
max-width: 1000px; | |
list-style: none; | |
text-align: center; | |
} | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="grid"> | |
<figure class="effect-lily"> | |
<img src="img/1.jpg" alt="img01"/> | |
<figcaption> | |
<h2>Nice <span>Lily</span></h2> | |
<p>Lily likes to play with crayons and pencils</p> | |
<a href="#">View more</a> | |
</figcaption> | |
</figure> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
doscolumnas |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.desplazamientodivicon { | |
margin-left: auto!important; | |
margin-right: auto!important; | |
transition: background-position 1.5s ease-out 0.1s; | |
background-position: top center; | |
background-size: 100% auto!important; | |
height: 100%; | |
background-repeat: no-repeat; } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
fixedsticky_desktop | |
fixedsticky_tablet | |
fixedsticky_mobile | |
fixedsticky_all |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
position:absolute; | |
width:100%; | |
z-index:10; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class=”map-responsive”> | |
Añade tu iframe en este espacio | |
</div> |
NewerOlder