Gradient Fill

[Omi]

I'm working on a product packaging design in Affinity Designer.

The file I'm working from was originally created in Adobe Illustrator.

Certain curves / shapes have gradient fills applied to them, and I'd like to adjust the gradient node colors.

However, when I click the color swatch in the context toolbar, the first gradient node has a vertical line through it. This seems to be related to the first gradient color node being positioned somewhere in the middle of the shape.

I'm unable to change the color of this node unless I reposition it to the edge of the shape (instead of positioning it somewhere inside the shape).

Does anyone know why this gradient color node has a vertical line through it / why this is happening?

Thanks in advance.

[thomaso]

It looks like two nodes on top of each other with the vertical stroke indicating the midpoint.
Select the node and change the Position slider to a value different than 0%.

–>

If you can't select the node try this: Click "Reverse" > select the other node (which shows the vertical now) > this enables the Position slider > remove it from 100%.

[R C-R]

If it is in fact two color stops almost on top of each other & nothing @thomaso suggested works, zoom way in on where on the canvas they are until you can see both of them & select the one whose color you want to change.

[Omi]

@thomaso, thanks for your helpful reply!

I wasn't able to select the overlapped node in its original position, but the second method you suggested worked! (i.e. click "Reverse" > select the other node > this enables the Position slider > remove it from 100%.)

@R C-R, thanks for your helpful reply as well. I tested your suggestion, and that worked too!

I'm very impressed by how helpful the people on this forum are!