here is where I want to zoom [tatsu_image image= “http://powerhouse.cloud/wp-content/uploads/2015/10/Stratus_CDR_GraphV2.png” alignment= “none” margin= “0px 0px 0px 0px” border_width= “0” border_color= “” id= “294” size= “full” adaptive_image= “0” lazy_load= “0” animate= “0” animation_type= “zoomIn” animation_delay= “0”]
The zoom will not work with background images (i.e. added to a <div> element with the background-image: url(...) CSS rule). It can be set only on
elements.
In the second message you mention that you want the zoom on a shortcode called “tatsu_image”, then I assume the shortcode create an
element and you can use the zoom.
The Oshine theme, as well as their Tatsu page builder is proprietary, so I cannot help you directly by testing on my test website.
Essentially you need to add somehow the “zoooom” CSS class (note that there are 4 ‘o’-s) to the image. I don’t know if the Tatsu page builder lets you do that. The other page builders know to me (Page Builder by SiteOrigin, Elementor, Beaver Builder, Divi Builder or Enfold Theme Builder) give you a field where you can set the image’s CSS class.
If the Tatsu page builder doesn’t let you add the CSS class, you can maybe switch to the default WordPress editor, add the image, set the zoom and go on from there.