I need to integrate a fast adoptable image banner slider/carousel in an html fragment that I’m creating in Hype and that will be added on a branded landing page of a company website.
Since there is no slider or carousel item in the ‘Elements’ list of Hype, I first was thinking to create it via the timeline. But than I came across the POWR.IO image slider plugin: https://www.powr.io/plugins/image-slider
That would be a great solution to quickly add & edit slides without touching the html code.
I embedded the code in Hype via the ‘HTML Widget’ element, and it seems to work at first sight. Only design issue is that the HTML Widget component seems to have an 8px padding on the ‘body’ element of the html widget… Any idea how you can have this easily reset to 0?
Applying CSS rule on the body element of the widget element will also affect the main body element. And there is no class or id I can use to get rid of the unwanted 8px padding.
Any thoughts here? Or any other quick tips or best practices to easily embed a carousel/slider in Hype? I need to slide picture banners with an overlaying headline and subheading that are clickable towards a URL.
Thanks in advance!