I have a doubt. In my projects layout (portfolio layout type Masonry), I created 3 types of highlight images: Squares, wide (horizontal rectangle) and standing (vertical rectangle). In the layout only loads the images square and standing. Images in the wide format do not occupy the space laterally as the vertical ones. Why does it happen?
NOTE: Does the Masonry type only prioritize the height of the images?
Format of the images (proportionally)
WIDE - 1920 X 1080 VERTICAL RETANGLE - 728 X 1080 SQUARE - 1600 X 1600
I understand the case you are talking however Kalium handles all the items with the specified column width (as set in theme options or in page options).
So in your case you are using 4 columns portfolio. No matter what image size is, the width will be the same for all. Thats why the squared and standing/vertical images look fine.
The only possible way to achieve what you want is to apply manual width with custom CSS, for example:
1. Open inspect element (F12, Ctrl + Shift + I / Cmd + Opt + I) and select the item you want to increase width then get the item id:
Arlind, thank you very much for the return. Glad there's a way. But I'm afraid my client will not know how to do this by adding new projects. He will not know how to get the ID.
And now? How am I going to solve this?
If I work only with square and rectangular images? I will not work with vertical images. Is there an easier way in this case?
I have a doubt. In my projects layout (portfolio layout type Masonry), I created 3 types of highlight images:
Squares, wide (horizontal rectangle) and standing (vertical rectangle).
In the layout only loads the images square and standing. Images in the wide format do not occupy the space laterally as the vertical ones. Why does it happen?
NOTE: Does the Masonry type only prioritize the height of the images?
Format of the images (proportionally)WIDE - 1920 X 1080
VERTICAL RETANGLE - 728 X 1080
SQUARE - 1600 X 1600
LINK PAGE (this option is easier for the customer to register)
http://valencaevalenca.profissional.ws/valencachild/projects/
VIEW DEMONSTRATION
http://d.pr/i/EW8UXG
Hi Marcelo,
I understand the case you are talking however Kalium handles all the items with the specified column width (as set in theme options or in page options).
So in your case you are using 4 columns portfolio. No matter what image size is, the width will be the same for all. Thats why the squared and standing/vertical images look fine.
The only possible way to achieve what you want is to apply manual width with custom CSS, for example:
1. Open inspect element (F12, Ctrl + Shift + I / Cmd + Opt + I) and select the item you want to increase width then get the item id:
(view large version)
2. Use this as "template" code to increase width for specific item:
.portfolio-holder .portfolio-item.post-{ID-HERE} { width: 50%; }In your case it should like this:
.portfolio-holder .portfolio-item.post-741 { width: 50%; }3. The result (after you refresh the page) is:
(view large version)
Thats what you can do.
Will set this ticket as solved from here.
Arlind, thank you very much for the return. Glad there's a way. But I'm afraid my client will not know how to do this by adding new projects. He will not know how to get the ID.
And now? How am I going to solve this?
If I work only with square and rectangular images? I will not work with vertical images. Is there an easier way in this case?
Hi Marcelo,
Sorry Marcelo but that is the only solution for this specific case.
Will set this ticket as solved from here.
Ok.
Tks