2. Is there a way to set the portfolio filter like in link above to show all the categories and different color for active categories? (empty grey, black for category with item assigned)
1. Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 690px) {
body .nectar-post-grid-wrap:not([data-style="content_overlaid"]) .nectar-post-grid[data-columns] .nectar-post-grid-item {
width: calc(50% - 20px) !important;
}
}
2. I meant something else. Filter works as alphabet selector. We see only those letters that corresponds with post within that category. Is there a way to show all the letters even when there is no post in some letters.Eg there is no H letter in filter because there is no post in H category. But we would like to show all letter but empty ones in different color.
3. My post grid is in masonry mode and I tried to change the Grid Item Height but still second row start to align all the next three post from one level from top. Second line doesn't follow first line level. Please see attached.
2. No i am afraid thats not possible as the unused categories Html Markup does not get output.
3.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.nectar-post-grid[data-grid-item-height="30vh"] .nectar-post-grid-item {
min-height: 10vh !important;
height: auto !important;
}
There is an option in normal blog asset in masonry mode that second row of items follows level of bottom line items from the first row. Can we do that in Post Grid asset? I would use Blog asset but I cant reverse title with the category there. Andrew helped me to reverse them in Post grid mode.
Hey Marcin, the post grid does not currently have a traditional masonry layout option like that. I've noted the idea, but it was intentionally left out as the performance of a grid based solution is much higher.
Hi,
1. Could you please help me with change portfolio items to show in two not one column on mobile?
Like here: https://www.avantmodels.ru/mainboard/
2. Is there a way to set the portfolio filter like in link above to show all the categories and different color for active categories? (empty grey, black for category with item assigned)
3. How to set post masonry view to align second row of post with the first row and not start second row with straight line. Please see attached or like here: http://themenectar.com/demo/salient-blog-ultimate/category/food-for-thought/
On this page: http://peel.avantmodels.de
Many thanks!
Hey Again,
1. Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 690px) { body .nectar-post-grid-wrap:not([data-style="content_overlaid"]) .nectar-post-grid[data-columns] .nectar-post-grid-item { width: calc(50% - 20px) !important; } }2.
.nectar-post-grid-filters a:not(.active) { opacity: 0.5 !important; }3. Did you try adjusting these options ? .
Thanks
ThemeNectar Support Team
Hi Tahir!
Many thanks.
1. Works perfect
2. I meant something else. Filter works as alphabet selector. We see only those letters that corresponds with post within that category. Is there a way to show all the letters even when there is no post in some letters.Eg there is no H letter in filter because there is no post in H category. But we would like to show all letter but empty ones in different color.
3. My post grid is in masonry mode and I tried to change the Grid Item Height but still second row start to align all the next three post from one level from top. Second line doesn't follow first line level. Please see attached.
Hey Again,
2. No i am afraid thats not possible as the unused categories Html Markup does not get output.
3.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.nectar-post-grid[data-grid-item-height="30vh"] .nectar-post-grid-item { min-height: 10vh !important; height: auto !important; }Thanks
ThemeNectar Support Team
Hi Tahir
Thanks but still it is not what I meant.
There is an option in normal blog asset in masonry mode that second row of items follows level of bottom line items from the first row. Can we do that in Post Grid asset? I would use Blog asset but I cant reverse title with the category there. Andrew helped me to reverse them in Post grid mode.
Many thanks!
Please see attached.
Hey Marcin, the post grid does not currently have a traditional masonry layout option like that. I've noted the idea, but it was intentionally left out as the performance of a grid based solution is much higher.
OK, thank you. I understand.
So I will use normal blog asset. Is there a way to reverse order of the category name and the post title in this mode?
Like on Post grid with column-reverse css?
First one is Post blog and second normal blog on which I need to reverse the order.
http://peel.avantmodels.de
Why on mobile blog post items are moved to the left and have a right margin?
Many thanks!
And the title/category reverse view