Rendering bug on the "line" element

Hello,
I’m having a rendering problem with the “line” element.

I need to create two lines dotted and two inverted gradients (to meet the client’s request).

It works fine in Cornerstone’s rendering (see screenshot), but it doesn’t work directly in a browser.

In cornerstone :

In navigateur (edge, chrome, brave, firefox …)

The second line with the inverted gradient disappears every time.
This is related to applying two different gradients.
How can I work around this?
I’ve searched for quite a while, but I can’t figure it out.

Thanks!

Hello @skargo2000,

Thanks for writing to us.

In order to help you with your concerns, we need to check your settings. I would request please share the admin login details meanwhile I would suggest you troubleshoot a few of the common issues before we investigate your settings. Please share your details in a secure note. Please provide the following details

  • WordPress Login URL
  • Admin-level username and password
  • Exact page URL

You can find the Secure Note button at the bottom of your posts

Thanks