How to add color stops in gradients for rows?

Posted in: Newspaper
Post count: 56

Hi,

I’m currently working on a layout using tagDiv Composer and I’m running into a limitation with the background gradient options for rows.

Here’s what I’m trying to achieve:
I want to create a vertical gradient that starts with black, and stays solid black up to 70% of the row height. Then, from there, it should fade smoothly into white towards the bottom (100%).

In CSS terms, I’d normally do something like this:
background: linear-gradient(to bottom, black 0%, black 70%, white 100%);

But in tagDiv Composer, when I add a background gradient to a row, I can only:

– Select two colors
– Define the gradient direction/angle

There seems to be no option to control color stops or percentages of where the transition happens.
At the moment, it just fades evenly from one color to the other across the entire row.

Post count: 21065

Hello!

For the gradient, you can choose multiple colors there, for example: https://app.screencast.com/K3iMyxvMGpoEN
You can also add a class on the element and add some CSS code: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you!

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newspaper’ is closed to new topics and replies.