-
Posts
-
Hi – I want to port a site that uses a custom theme into Enfold
A see we can now have angled section dividers in Enfold (nice!)
BUT
is there a way to have something similar (the curved section dividers?)
Needs to still be responsive :)
Thanks guys :)Hey evtilsley,
Curved dividers at not available in the theme by default unfortunately, but you should be able to achieve the same thing using a curved background graphic and maybe some custom CSS.
Best regards,
RikardHi,
No we don’t have any examples of that unfortunately, since it’s not part of the theme by default. I would recommend that you try searching for it online, you will likely find code examples which you can use.
Best regards,
RikardYou’d have though so (!) but even Google not supplying to answer to this !
Anyone out there??!
ThanksHi evtilsley,
https://share.getcloudapp.com/Jrube5Rj It’s an svg element.
http://blogs.sitepointstatic.com/examples/tech/svg-curves/cubic-curve.htmlBest regards,
Victoriasome thoughts on it:
https://kriesi.at/support/topic/diagonal-border-angle/#post-1138048for color-sections the best position to have real divider is as mentioned in the link above:
<div class="avia-section … <svg ( inline for the top ) > …</svg> <div class="container">… </div> <svg ( inline for the bottom ) >… </svg> </div>the reason for using svg is easy : these can be influenced to react responsive – and if they use only vectors they are allways sharp, they are extremly small in file-size, and you can set fill-colors for the needed transition. They can be animated : see here on the footer: https://webers-testseite.de/pureinstall/fullwidth-slider/
you can even use them on sliders – as you can see in the link above. But you have to choose a better place to insert them to markup.
- You must be logged in to reply to this topic.