-
AuthorPosts
-
August 18, 2016 at 6:57 pm #674311
Is it possible to add the full rotation animation to images located in a text element? I need two images side by side, within a column, so the image element won’t work in this case.
August 20, 2016 at 6:15 am #674923Hi 1039 Online,
I think you would have to use custom CSS to achieve that, could you post a link to the page in question so that we can have a closer look please?
Regards,
RikardAugust 22, 2016 at 4:08 pm #675846Page in question listed in the private content. The images I’d like to have the animation are the two side by side in the second grid row (blue background).
August 24, 2016 at 2:43 pm #676986Hi,
Are you referring to the round images below “HYDRO/PRESSURE JETTING”. Right now it rotates as soon as you scroll the the page. What exactly are you trying to achieve with this? Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)
Best regards,
VinayAugust 24, 2016 at 4:19 pm #677090Hi, Vinay,
I am referring to the two images side by side under the “CABLING AND ROOTERING” heading. I would like those two images to rotate just like the one below “HYDRO/PRESSURE JETTING”. Here’s a screenshot of the images I am referring to: https://snag.gy/j6HZTe.jpg.
The images under HYDRO/PRESSURE JETTING, COLOR DIGITAL SEWER CAMERA, ROOTX, and BIO-CLEAN rotate (they use the image element) but the ones under CABLING AND ROOTERING don’t rotate (because they are contained in a text element since I couldn’t get two image elements to function nicely next to each other). (Note, I turned off the animation for the image under WARRANTY so it would match the lack of animation for the images under CABLING AND ROOTERING since they are in the same row.
I hope that clarifies things.
August 25, 2016 at 4:03 am #677306Hi,
Thank you for the clarification. There is no easy way to rotate the images on scroll if the images are in text block. It requires a lot of custom coding.
please setup the layout using a colorsection and 2 1/2 columns and inside each 1/2 column use the heading and image elements as shown in the below screenshot.
Once you have this setup enable custom css class name so you can target specific elements using CSS and align the images next to each other.
Best regards,
Vinay -
AuthorPosts
- You must be logged in to reply to this topic.