horizontal post grid

Hey @renaisens ,

Thank you for reaching us out.

I am not sure what you mean here. Can you share some examples of what is expected? It will help us know better.

Regards,
Vrunda Kansara

Hi @brainstormteam

Yes horizontal like that : https://www.screencast.com/t/pxLw3XAYE
Actually is always vertical like that : https://www.screencast.com/t/MLyw6L8Sn

Thanks
Regards
Ludovic

Hey @renaisens ,

Thank you for sharing the references.

You can try adding this CSS and set Column count to 1. This will help you achieve your Horizontal Layout. – https://cl.ly/eda95f839fb5

.uagb-post__inner-wrap {
	display: flex;
}
.uagb-post__image,
.uagb-post__text {
	width: 50%;
}

Let me know if that helps.

Regards,
Vrunda Kansara

• This reply was modified 5 years, 9 months ago by Team Brainstorm Force.

Hi Vrunda.

Thanks for your reply.
How do Imanage the CSS code ?
Where I paste this one ?
And what I add into the advanced CSS field of the block into the page ?

Thanks
Regards
Ludovic

Vrunda,

If I add this code into the added CSS of the theme, it’s for all the pages where I use this.

But if I want this only for specific pages, how can I do ?

Thanks
Regards
Ludovic

Hey,

You need to add a class here – https://cl.ly/852b520ef0e7

Then use this class to add the CSS. You can add this code to your functions.php file for the theme –

add_action( 'wp_head', function() {
	$custom_css = ".my-class .uagb-post__inner-wrap {
					display: flex;
				}
				.my-class .uagb-post__image,
				.my-class .uagb-post__text {
					width: 50%;
				}";
	echo '<style type="text/css" id="uagb-custom-css">' . $custom_css . '</style>';
} );

This will simply be applied to only the Post Grid having the class – my-class.

I hope this resolves your doubt.

Regards,
Vrunda Kansara