How to change de Shape Color?

3 replies · opened May 11, 2021

EenygosMay 11, 2021

Hello,

I used the code below to add the shape:
``

How I change the color white to orange?

EenygosMay 11, 2021

I used this setting data-fill to change color but I want keep the white part superimposed on the image.

SSemicolon WebSTAFFMay 12, 2021

Hello,

Please follow the solution from here: http://support.semicolonweb.com/forums/topic/remove-shape-delay/#post-25611 and then you can use the following code:
[ch_pre]<div class="shape-divider customjs op-1" data-shape="valley-3" data-height="150">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 140" preserveAspectRatio="none" style="height: 150px;" class="op-1"><path class="shape-divider-fill" d="M1280 0L640 70 0 0v140l640-70 640 70V0z" opacity="0.5" style="fill: #fff;"></path><path class="shape-divider-fill" d="M1280 0H0l640 70 640-70z" style="fill: #1ABC9C;"></path></svg>
</div>[/ch_pre]

Simply change the fill Values. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

EenygosMay 12, 2021

Perfect.

It was exactly what I needed.

Thank you very much!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard