WebSite X5Help Center

 
Nikolay Z.
Nikolay Z.
User

Full-window masonry  en

Автор: Nikolay Z.
Просмотрено 1660, Подписчики 1, Размещенный 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? 

Размещено
6 Ответы - 1 Полезно - 1 Корректно
Anton G.
Anton G.
User

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

Читать больше
Размещено От Anton G.
Anton G.
Anton G.
User

exzmp

Читать больше
Размещено От Anton G.
John S.
John S.
User

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.

Читать больше
Размещено От John S.
Anton G.
Anton G.
User

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
cry 5 pictures are not made in one row

Читать больше
Размещено От Anton G.
Anton G.
Anton G.
User

display: block;
 modify to
display: flex;

but how to do it correctly?
what is the syntax and order of commands?

Читать больше
Размещено От Anton G.
Nikolay Z.
Nikolay Z.
User
Автор
John S.
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.

Thank you very much, John! 

Читать больше
Размещено От Nikolay Z.