[Kbax121_Participant]

I’d like to insert a posts grid onto the #PictureProgress section of my site. I saw the option in visual composer, but it seems as though I can only use it in a separate section outside of cornerstone. Is it possible to input a posts grid into the existing cornerstone setup I already have, with the parallax full screen background? Or am I going to have to start all over again in Visual Composer? And if so, how can I achieve the same visual effects? Also, is there a way to position it toward the middle of the page, or is it going to have to sit at the bottom underneath all of the cornerstone stuff?

[Kbax121_Participant]

UPDATE: I’ve figured out a solution using block grid and the shortcode as per the instructions here:

https://community.theme.co/forums/topic/visual-composer-post-grid-alternative/

But I still like the look of the one in visual composer. Are the same visual options available within cornerstone as far as how the grid would look? Or am I stuck with the sort of polaroid looking thing (which is cool too just not AS cool lol)?

[FriechModerator]

Hi There,

Unfortunately, you can’t edit a page built on Cornerstone into Visual Composer, neither the other way around. But you can place an VC shortcode inside an Raw content element on Cornerstone.

e.g.
[vc_basic_grid post_type="post" max_items="10" grid_id="vc_gid:1444251158942-afcf68d7-06c0-5"]

Hope it helps, Cheers!

[Kbax121_Participant]

Thanks so much! I copied and pasted it in, but it didn’t work. Should I have changed something in order for it to work?

[LelyModerator]

Hello There,

Would you mind sharing us the exact URL where this element exists? This is so we can check further.
Thank you.

[Kbax121_Participant]

Wait, never mind. I figured it out. It was showing on the site, but not in cornerstone. Thank you.

[Kbax121_Participant]

But is there a similar code that will get the grid to show up in a different style? This gives me a basic grid, but what I would really like is a masonry grid, and I would like the text content to be revealed when the cursor hovers over an image, as seen in the “go top slideout” option shown at the 1:51 mark here:

Is there a way to generate a different shortcode for that? Can I find the code somewhere within Visual Composer?

[Kbax121_Participant]

This reply has been marked as private.

[Paul RModerator]

Hi,

You can utilize the recent posts element in cornerstone to ave similar effect.

https://community.theme.co/kb/shortcode-walkthrough-recent-posts/

Hope that helps.

[Kbax121_Participant]

I tried that already, and it didn’t work well because cornerstone forces you to use two block grid rows instead of just the one. I think I’m gonna just break down and pay for the essential grid plugin. What I want is there, and free, but it’s in Virtual Composer, and while I’m sure I’ll eventually gain the expertise to be able to use it one fine day, I really need to get this up and running right now.

[ZeshanMember]

Hi there,

Thanks for updating the thread!

It is not possible out of the box to use Visual Composer shortcodes inside Cornerstone. However, as mentioned, you can generate post grid shortcode using Visual Composer and then copy and paste it in a Text element in Cornerstone. For example, I’ve created this shortcode in VC Backend Editor and then switched to Classic Mode to copy the shortcode:

[vc_basic_grid post_type="post" max_items="10" show_filter="yes" item="basicGrid_SlideFromLeft" grid_id="vc_gid:1444329748006-fdb2aed9-bd09-9" filter_source="category"]

Thanks!

[Author]

Posts