Tagged: cornerstone
-
AuthorPosts
-
December 11, 2016 at 7:58 am #1288933
Hey all,
I’m tryining to add a slider just for testimonials to my page, e.g. two columns (picture + text).
To my surprise this seems to be quite impossible in Cornerstone. And to my even bigger surprise it seems like it’s not possible to add any Slider Revolution Templates without buying a Slider Revolution account due to licening…
This seems quite odd to me, am I mistaken somewhere?
If not, does anybody know of free Slider Templates for Cornerstone oder Slider Revolution?
Thanks,
HansDecember 11, 2016 at 8:44 am #1288957Hey Hans,
You can create a testimonial slider in Cornerstone using the Slider element. That would require a bit of CSS though.
Yes, using Slider Revolution Templates requires a separate Slider Revolution license.
You can manually create a testimonial slider by following this https://www.themepunch.com/revslider-doc/post-based-slider/. The post based slider could get data from a custom post type (you need to create this using custom development or a plugin like https://wordpress.org/plugins/custom-post-type-ui/)
Thanks.
December 11, 2016 at 9:21 am #1288981Thank you for the reply! : )
I think a post-based slider is too complex for simple needs.
So how could I create just a bundle of image + text (e.g. columns) sliding around?
As of now, I’m trying to use a combination of the Slider shortcode + columns within the slider.
However one thing remains, I can’t figure out how to center the image with columns.
I’m using this code, however the image remains aligned to the left (see screenshot):
[column type=”2/5″][/column][column type=”1/5″][image type=”circle” src=”http://….” alt=”Text”][/column][column type=”2/5″ last=”true”] [/column][clear][/clear]If I enter something (e.g. a letter) in the first and last column the image gets displayed properly. Any ideas how to get the image centered?
December 11, 2016 at 9:43 am #1289001You can delete the column shortcodes wrap the image shortcode with a div with a fixed or percentage based width and with 0 auto margin like this (see attachment):
<div style="width:150px;margin:0 auto"> [x_image type="none" float="none" src="http://x.dev/wp-content/uploads/2016/06/profile_4-1.png" info="none" info_place="top" info_trigger="hover"]</div>
Thanks.
December 11, 2016 at 10:36 am #1289043Yes, that’s great, thanks!!! : )
December 11, 2016 at 10:44 am #1289048You are welcome!
Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.
Thanks for using X.
Cheers!
-
AuthorPosts