Hi @FinchAdventures - great question. You could change the "object fit" from cover to "contain" or you could use an image element inside of the div instead of using the image property of the div itself.
@@buildingonwordpress Thank you for really fast help here! I put the custom attribute as "data-x-slide-contex" for the Div Thumbnail Gallery Slider. I'm doing all over again to check if I missed something.
@@buildingonwordpress It is working, I just put a background colour for the main div and I realize the slider was outside of the main div. Thank you for the tutorial!
@@andersonaf - happy to help! This may already be what you are attempting but both sliders need to function as if they are one slider. So you'll notice I placed both sliders (large feature + thumbnails) into a single parent div container. Then that parent div container is what gets the data-x-slide-context.
@sheabrown Ah yes - sorry about that. I started moving all of my files over to a more organized template-focused website at pixels.buildingonwp.com. Most of them and more are live over there. That said, this one is not there yet as it is officially being included in the next release of Cornerstone.
@@buildingonwordpress Wow! That is great to hear about the inclusion in the next release of Cornerstone! I hope you get kickbacks from it, you deserve it. Your content is fantastic.
Absolutely. You could setup something like a self looping element and add the gallery items to the element parameters themselves. The video below explains that in more detail: czcams.com/video/BnmyASlK8eo/video.html
@ajohnsonkhepr - simply import into your templates library. 1. Open a page in Cornerstone 2. Click ''templates" icon 3. Click "manage library" 4. Click "import"
I'm using Themeco Pro with Cornerstone builder and your channel is an El Dorado!
That's a great tutorial
Great as always.
Thank you! Cheers!
Fantástico
Thanks!
Hello Josh. How would you deal with aspect ratios on the main viewport?
Hi @FinchAdventures - great question. You could change the "object fit" from cover to "contain" or you could use an image element inside of the div instead of using the image property of the div itself.
For some reason, my carrosel don't change the main photo when I click on the arrows or thumbnails.
Hi @andersonaf - odd. Did you set context around the parent container? 1:30
@@buildingonwordpress Thank you for really fast help here!
I put the custom attribute as "data-x-slide-contex" for the Div Thumbnail Gallery Slider. I'm doing all over again to check if I missed something.
@@buildingonwordpress It is working, I just put a background colour for the main div and I realize the slider was outside of the main div. Thank you for the tutorial!
@@andersonaf - happy to help!
This may already be what you are attempting but both sliders need to function as if they are one slider. So you'll notice I placed both sliders (large feature + thumbnails) into a single parent div container. Then that parent div container is what gets the data-x-slide-context.
I wanted to download the file from the description, but it's gone from the site :(
@sheabrown Ah yes - sorry about that. I started moving all of my files over to a more organized template-focused website at pixels.buildingonwp.com. Most of them and more are live over there. That said, this one is not there yet as it is officially being included in the next release of Cornerstone.
@@buildingonwordpress Wow! That is great to hear about the inclusion in the next release of Cornerstone! I hope you get kickbacks from it, you deserve it. Your content is fantastic.
Is there a way to do this without the ACF Pro?
Absolutely. You could setup something like a self looping element and add the gallery items to the element parameters themselves. The video below explains that in more detail: czcams.com/video/BnmyASlK8eo/video.html
@@buildingonwordpress THANK YOU! I was able to build it using the self-looping element 🥳
how do you use the TCO file from the link in bio?
@ajohnsonkhepr - simply import into your templates library.
1. Open a page in Cornerstone
2. Click ''templates" icon
3. Click "manage library"
4. Click "import"