Full-window masonry
Author: Nikolay Z.
Visited 1903,
Followers 1,
Shared 0
At this website: http://www.magnoliaroma.com I have seen a masonry X5 plugin, with full-window width.
Usually a masonry is maximum a page width, not window.
What do I have to do to get the same effect?
Posted on the
the hint is there
but I do not understand what line to create in the "Expert Properties" in my Page
https://codepen.io/desandro/pen/JFpeg
exzmp
Hello Nikolay
You could inspect the page and find the id of the section you want to be full-width.
You can see an example here : http://www.bramminginfo.dk/brm02/
It is a wow-slider that is made full-width.
In the expert section for the page is this :
<style>
#imPageRowContent_6, #imCell_39, #imCellStyle_39 {width: 100%;}
#imCell_39 {left:0;}
</style>
The same could be used for nearly all objects on a page.
we used this code to insert a Google map
<style> #imPageRow_N div, #imPageRow_N iframe { padding: 0; width: 100% !important;overflow-x: hidden} </style>
but for a "Masonry" (5 pictures in a row) like this code doesn't work
because each picture is stretched to a width
5 pictures are not made in one row
display: block;
modify to
display: flex;
but how to do it correctly?
what is the syntax and order of commands?
Author
Thank you very much, John!