Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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.

    #674923

    Hi 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,
    Rikard

    #675846

    Page 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).

    #676986

    Hi,

    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,
    Vinay

    #677090

    Hi, 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.

    #677306

    Hi,

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.