[Support request] Ombreggiatura

[Matteo]

Buongiorno, vorrei creare un’ombreggiatura sulla forma che si crea con generatepress.

https://gjoy.altervista.org/wp-content/uploads/2022/09/Schermata-2022-09-12-alle-14.57.40.png

https://generatepress.com/site-library/

Ho provato questo:

.ombra{
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}
ma mi crea l’ombra sul box esterno e non sulla figura interna.

https://gjoy.altervista.org/wp-content/uploads/2022/09/Schermata-2022-09-12-alle-14.57.40.png

https://generatepress.com/site-library/

Grazie

[David]

Hi there,

sorry – that is not possible.
The Shape is an svg and those do not support the box-shadow CSS property.

You would need to create an new SVG Shape that has the shadow built in.

The only alternative is to add More Shapes to the Container, each one can be a different size and a different color, so you could use that to fake a shadow

[Matteo]

Grazie per la risposta,

ti chiedo gentilmente il metodo migliore per creare una forma SVG e l’inserimento in un blocco.

[Ying]

Hi Matteo,

Usually, a designer would know how to create an SVG shape using Illustrator.

If you are not familiar with the software, you might also be able to find some online tools to create SVG shapes.

[Author]

Posts