How to make Gallery Image move Right on Hover

[tuanphan]

To make Gallery Image move right on hover on Squarespace, you can follow these steps.

#1. First, find Gallery Section ID.

In my example, it is:

section[data-section-id="66e9ea69d23c463c98a03892"]

#2. Next, use this code to Website Tools > Custom CSS.

section[data-section-id="66e9ea69d23c463c98a03892"] figure:hover {
    transform: translateX(50px);
    transition: all 0.3s;
}
section[data-section-id="66e9ea69d23c463c98a03892"] figure {
    transition: all 0.3s;
}