Masonry in the sidebar

The masonry of the list of posts. I know it would be squished into one column, but – I still think it looks cool. NB – this is for putting into the sidebar.

This is what it currently looks like: http://postimg.org/image/62c7mrj1z/

This is what I’m trying to get: http://postimg.org/image/mc2dpntpz/

Also, In the main column where the workpress post / article content is, for some reason, if I try to put the post into a grid it goes full width as well as pushing the slide bar down:

This is what a normal post with side bar looks like: http://postimg.org/image/sk71cvyx5/

As soon as I put the post in a grid (so I can add loads of cool stuff) it breaks out like this:
http://postimg.org/image/wxcvo89zr/ . The part at the top is in the grid, above another text part that is not in the grid. The part not in the grid, gets the side bar, the part in the grid goes full width and always stays above the sidebar (even if I use some css to try and sort out the width).

It’s like the grid part is umping out of the content holder, whereas I need it to stay with the post, with the sidebar to the right.

Thank you so much for your help!
Matt

• This reply was modified 8 years, 7 months ago by gameon238. Reason: replacing image

Hi Rikard

I tried this and failed.

This is how the usual post is (keeping the right hand column working.

[av_textblock size='' font_color='' color='']
     The intro
[/av_textblock]

Looking at a grid element with two text boxes within it, it looks like this:

[av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='']

    [av_cell_one_half vertical_align='top' padding='30px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' custom_class='']
    
        [av_textblock size='' font_color='' color='']
        	In the left cell.
        [/av_textblock]
        
	[/av_cell_one_half]
        
	[av_cell_one_half]
        
        [av_textblock size='' font_color='' color='']
        	In the right cell
        [/av_textblock]
    
    [/av_cell_one_half]

[/av_layout_row]

So, to put one in the other, I do this?

[av_textblock size='' font_color='' color='']
	The intro
    
    <br><br>
    
    [av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='']
    
        [av_cell_one_half vertical_align='top' padding='30px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' custom_class='']
        
            [av_textblock size='' font_color='' color='']
                In the left cell.
            [/av_textblock]
            
        [/av_cell_one_half]
            
        [av_cell_one_half]
            
            [av_textblock size='' font_color='' color='']
                In the right cell
            [/av_textblock]
        
        [/av_cell_one_half]
    
    [/av_layout_row]    
    
[/av_textblock]

Needless to say, it doesn’t work for me. The part that is in the grid jumps out and the right hand column area disappears.

It’s a shame it won’t stay in the parent. Am I doing something wrong (I’m sure I am)?

Hi – Rikard, thanks. I’ve created a login for you.

Any joy?

• This reply was modified 8 years, 7 months ago by gameon238.

Hi Yigit – is this with regards to the right hand column disappearing or being pushed way down when I add a grid element within a post?

Hi Yigit

Thanks for the update (ref the masonry).

Our biggest (critical and can’t go live) issue us that we can’t include a grid element in a post without it breaking the page (by going full width and pushing the right hand column down or off the page).

I’ve included the login details in a private post.

Cheers!

Matt

Weirdly it seems that if a grid row is added to the post (anywhere). The grid row comes after the container class (so doesn’t sit with the post content) and the sidebar doesn’t get included anywhere? Is this normal?

I would have thought that the post content would go in id”after_section_1″ and within the div class “container”.

I’m a bit lost here. Thanks for your help!

• This reply was modified 8 years, 7 months ago by gameon238.

After even more testing – it seems that the only time the issue ever really presents is if a grid element is used. I guess I’ll just avoid that.

Hi Ismael

Thanks for the confirmation.

It’s a real pity that elements can’t be set to the width of their container ‘or’ full width.

Best,

Matt