1
vote
Custom Block Blog Post placement
Please would it be possible to offer a blog post block with image and text placement alternating? Details of coding from Victor. This type of block is super-popular in Flothemes and I'm sure you would attract new customers to Pro with this type of block available for selection.
Like this?
Victor Monk (Kadence)
Jan 25, 2024, 16:36 CST
Hey Heather,
Thanks for contacting the Kadence Support team. Sorry for not getting back to you sooner.
Currently, there isn't a built-in option for doing this using the Kadence Posts Block. You could try using the Kadence Post Grid/Carousel Block and some Custom CSS. You can add Custom CSS in your Customizer -> Additional CSS. https://www.kadencewp.com/help-center/docs/kadence-theme/how-do-i-add-custom-css/.
You can add a Post Grid/Carousel Block to a page and select the Layout with an Image on the Left.
Then, you can set the Post Grid/Carousel to display One Column instead of Two using the Layout Block Setting.
You can go to the Advanced Tab in the Block Settings and expand the Advanced settings.
Then, you can add the .custom-image-placement CSS Class to your Post Grid/Carousel Block.
You can then try using and modifying some Custom CSS like this:
.custom-image-placement .kt-blocks-post-grid-item:nth-child(even) .kt-blocks-post-grid-item-inner-wrap .kadence-post-image{
order: 1;
}
.custom-image-placement .kt-blocks-post-grid-item:nth-child(even) .kt-feat-image-align-left {
grid-template-columns: auto 40%;
}


