Okay
  Public Ticket #333807
Center blog element with even number of posts is impossible
Closed

Comments

  • Jeremy started the conversation

    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? 

  •   Jeremy replied privately
  •  8,847
    Tahir replied

    Hey!

    I can see it centered on the home page. Seems like you got is stored. 

    Best,

    -T


    ThemeNectar Support Team 

  • Jeremy replied

    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.

  •  8,847
    Tahir replied

    Hey Again~

    I am afraid this wont be possible without custom work. 

    Best,

    -T


    ThemeNectar Support Team