• Add swiper slider to Powerful Rich Text from Finsweet

    In a recent project I had to implement custom components inside a Rich text field. One of the components was a slider, with images from a Multi-image field from the CMS. With the Finsweet Powerful Rich Text we pull the components from the page into the rich text field. But the slider didn’t work, because…

    Read more…

  • Blurry images in Webflow on mobile or desktop

    Sometimes we have issues when we want to display crisp client images in our Webflow projects. It is an annoying bug that is hard to debug and is triggered by a specific layout structure. The blurred images can have many causes, when we detect them we should go through the below list which helped me…

    Read more…

  • How to separate CSS styles between the frontend of a Webflow site and editor

    Using this technique proves useful when building page transitions between Webflow pages, or custom preload elements that should be visible when the page loads. The issue when doing smooth transitions on a page is the initial state of the element. We want to set the initial state with CSS because that gets loaded with the…

    Read more…

  • Create a smooth scroll to link in Webflow

    Creating a smooth scroll animation when clicking on anchor links is pretty easy in Webflow with a little help of JavaScript code and custom webflow attributes. The code that we’re going to write will use attributes that are set inside Webflow on multiple links. First we add a custom attribute to the anchor link with the…

    Read more…

  • How to add current year in Webflow

    Most of the time we want to set something in Webflow and let it automatically update i.e. the copyright year. This is easily achievable with some vanilla JavaScript code tied to an ID set in Webflow designer. First we create a custom tag or Text block element and add a unique ID in our example the…

    Read more…