Image Style
Select between shadow, rounded, rounded shadow, border and none as possible styling to be added to the image in the Zentools module.
Developer note
The relevant styles can be targeted using the following css:
.zenshadow img{}
.zenrounded img {}
.zenroundedshadow img {}
.zenborder img {}
Image fade on hover
When enabled the image fades to 0.4 opacity to create a fading effect when the image is hovered over.
Image fade to white
-
The Far Journey
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.
-
Waiting watching listening
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.
-
Powerful methods
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.
Image fade to black
-
Lorem Ipsum dolor sit amet
Integer commodo dolor eget tellus convallis eget sollicitudin justo feugiat. Donec laoreet aliquam quam, a porttitor dolor feugiat ut. Donec pellentesque purus vel dolor cursus aliquet. Quisque non tellus in ante pellentesque viverra ac ut enim. Vivamus pretium convallis suscipit. Pellentesque aliquam sollicitudin urna sed suscipit. Quisque dignissim ligula quis nisi feugiat id euismod arcu vestibulum. Sed in volutpat nibh. Vestibulum lectus purus, semper et placerat et, eleifend ut massa. Nulla leo odio, congue non fermentum in, vestibulum vitae dolor.
Nunc sit amet urna non augue sodales semper non et velit. Nullam sodales dapibus tempor. Aliquam quis turpis sed nulla convallis feugiat. Vestibulum laoreet venenatis iaculis. Vivamus augue erat, sagittis vestibulum aliquet non, blandit ac sem. Sed eros tellus, dapibus eu auctor ac, sodales ac est. Aliquam neque lacus, fringilla quis sagittis lobortis, bibendum eget tellus. Nam blandit adipiscing nisi eget suscipit. Mauris auctor lobortis enim sit amet ullamcorper. Morbi nulla lorem, auctor at varius eu, hendrerit eget lectus. Suspendisse nec auctor nulla.
-
Waiting watching listening
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.
-
Powerful methods
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.
Zoom on hover
When enabled the image is scaled to 0.2 of the original size when the user hovers over the image.
-
Waiting watching listening
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.
-
A tree too far
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.
-
Lorem Ipsum dolor sit amet
Integer commodo dolor eget tellus convallis eget sollicitudin justo feugiat. Donec laoreet aliquam quam, a porttitor dolor feugiat ut. Donec pellentesque purus vel dolor cursus aliquet. Quisque non tellus in ante pellentesque viverra ac ut enim. Vivamus pretium convallis suscipit. Pellentesque aliquam sollicitudin urna sed suscipit. Quisque dignissim ligula quis nisi feugiat id euismod arcu vestibulum. Sed in volutpat nibh. Vestibulum lectus purus, semper et placerat et, eleifend ut massa. Nulla leo odio, congue non fermentum in, vestibulum vitae dolor.
Nunc sit amet urna non augue sodales semper non et velit. Nullam sodales dapibus tempor. Aliquam quis turpis sed nulla convallis feugiat. Vestibulum laoreet venenatis iaculis. Vivamus augue erat, sagittis vestibulum aliquet non, blandit ac sem. Sed eros tellus, dapibus eu auctor ac, sodales ac est. Aliquam neque lacus, fringilla quis sagittis lobortis, bibendum eget tellus. Nam blandit adipiscing nisi eget suscipit. Mauris auctor lobortis enim sit amet ullamcorper. Morbi nulla lorem, auctor at varius eu, hendrerit eget lectus. Suspendisse nec auctor nulla.
Add Grayscale image effect
When enabled a gray scale effect is added to the images displayed in the module.
-
Powerful methods
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.
-
A tree too far
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.
-
Agave Life
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.