Tagged: masonry
Hello,
Please check http://www.loffs.nl/wp
I used a masonry gallery on the homepage. The images in this gallery do not show when opening the page, but only when you scroll down. I would like to show the images immediatley when opening the page. Is this possible?
Another question:
When you click on a product on this page: http://loffs.nl/wp/shop-sieraden/
I would like to show the picture completely beneath the logo. Is there a way I can do this?
Thanks for your help!
Martine
Hi famewebdesign!
Thank you for using Enfold.
Please use this on Quick CSS or custom.css:
/*pop up animation*/
@-webkit-keyframes avia_msonry_show {
0% { -webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
100% { -webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
@-moz-keyframes avia_msonry_show {
0% { -moz-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
100% { -moz-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
@keyframes avia_msonry_show {
0% { transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
100% { transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}
Regards,
Ismael
Thanks Ismael! Now it’s how I wanted it! :-)
Maybe you can also help me with this: on this page http://loffs.nl/wp/product/roll-bracelet-6/
the logo is ofcourse on the same location as on all other pages. But as you can see, the logo runs over the image. Is there a way to move the image beneath the logo?
Thanks for your help!
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.single-product #main {
padding-top: 100px;
}
Regards,
Yigit
Great! Thanks Yigit!!