On my home page I'm trying to display a row underneath my Nectar Slider which displays the most recent 4 posts in masonry tiles. To do this I'm using the blog element as it is working a little bit better than the recent post element.
The issue I'm having is I've set the Row to Full Width Background and am using the Blog element set as Masonry Blog Full Width. With 4 posts set to be displayed.
The issue is I can't get this to be centred on the page it always remains flush: left. As can be seen at the link I have provided.
Using padding solves this a bit.
But the padding option seems to be missing: right & left. Though, I'm note sure this would solve the issue either.
I've included an image to show what I would like to achieve.
If I add 5 posts to show this does solve the problem to a lesser degree, but as 5 is odd, resizing the window (mobile) results in a blank area.
Can this be solved in the page Visual Editor, or only in code?
PS: Would also be great if all the tiles could be of an equal height, is their a quick css statement which could do this?
Dear ThemeNectar
On my home page I'm trying to display a row underneath my Nectar Slider which displays the most recent 4 posts in masonry tiles. To do this I'm using the blog element as it is working a little bit better than the recent post element.
The issue I'm having is I've set the Row to Full Width Background and am using the Blog element set as Masonry Blog Full Width. With 4 posts set to be displayed.
The issue is I can't get this to be centred on the page it always remains flush: left. As can be seen at the link I have provided.
Using padding solves this a bit.
But the padding option seems to be missing: right & left. Though, I'm note sure this would solve the issue either.
I've included an image to show what I would like to achieve.
If I add 5 posts to show this does solve the problem to a lesser degree, but as 5 is odd, resizing the window (mobile) results in a blank area.
Can this be solved in the page Visual Editor, or only in code?
PS: Would also be great if all the tiles could be of an equal height, is their a quick css statement which could do this?
Hey!
I can see it centered on the home page. Seems like you got is stored.
Best,
-T
ThemeNectar Support Team
That is because I'm displaying 5 posts.
I would prefer to only display 4 posts (as this is an even number), and will not result in blank spaces when resizing the site.
If I make it display 4 posts, the blog element remains flush left, I cannot centre it. I have tried the: Align Content Center and this does not work.
Hey Again~
I am afraid this wont be possible without custom work.
Best,
-T
ThemeNectar Support Team