Flipping section divider

Support
#1

Hi, installed Section Divider 3 and after some clicking and puzzling found out how to use them (not very clear because of it importing a page for them).

Anyway, I am trying to flip the ‘waves’ horizontally: how do I do that?

See image: I’d like the top ‘wave’ to point down instead of up :wink:

image
image2008×1777 774 KB

The code <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 22" preserveAspectRatio="none"> <path class="divider-fill" style="opacity:0.33" d="m 239.971,0.03506085 c -4.61,-0.17416486 -9.552,0.31166344 -15,1.20998745 C 204.576,4.6559297 198.738,12.530015 185.552,17.095884 163.344,24.776555 144.006,3.7851053 119.933,3.7851053 94.252,3.7851053 89.447,26.941699 57.427,20.331684 34.632,15.582483 27.625,7.6350655 10.323,10.13754 7.613,10.540869 3.77,11.090863 0,11.796689 V 22 H 240 V 0.03506085 Z"></path> <path class="divider-fill" d="m 239.99,5.2731131 c -4.825,-0.584952 -10.606,-0.1919374 -17.48,0.813449 -20.276,2.943954 -24.593,9.9542389 -38.892,13.9026649 -23.967,6.65383 -39.71,-14.633855 -61.787,-14.633855 -23.521,0 -37.345,20.794132 -63.486,15.119183 C 39.701,16.406396 32.922,9.5240694 15.861,11.69936 9.751,12.476249 4.438,14.039168 0,17.816679 V 22 H 240 V 6.6011371 Z"></path> <path class="divider-fill" style="opacity:0.33" d="M 222.049,3.2571465 C 201.246,6.7240757 196.851,14.983196 182.2,19.643048 157.589,27.470666 141.472,2.4081215 118.858,2.4081215 94.734,2.4081215 80.571,26.930123 53.776,20.210617 34.707,15.400719 27.743,7.3112169 10.27,9.8648154 6.553,10.414678 3.121,11.28141 0,12.399774 V 22 H 240 V 2.3242443 C 234.979,1.6345862 229.1,2.0912517 222.049,3.2571465 Z"></path> </svg>

#2

Hello @yingfuli,

Thanks for writing to us.

To flip the SVG would require custom developement. I would suggest you contact a developer who can assist you with your concern or you can avail our service called One where customization questions are answered.

In case if you have an idea about coding please have a look at these articles

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform

Please note that we don’t provide custom development support. It is out of the support scope.

Thanks for understanding

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.