Web Bae

WB

Web Bae

Chat and get help with Webflow and Javascript.

Join

Filtering Categories (With Buttons)

hello everyone, i'm very new to webflow and would like to make a simple portfolio website, i dont have any issues right now because i havent even started building it i really want to know the right way to go about this before i start building, any insight would be really appreciated as i would love to learn and efficiently work within webflow...
No description

Slider

Hello! I need your help with the slider. I’m trying to achieve this result: https://webflow.com/made-in-webflow/website/collection-carousel?ref=made-in-webflow-search&searchValue=loop%20carousel I face a problem when I click on the arrow, the previous and selected slide look fine, but the next one doesn’t shrink. I checked the interaction setting on the example provided but can’t find where I’m wrong. Also, I would like to make the loop look infinite. Here is my preview, a slider is in the Analysis Overview section: https://preview.webflow.com/preview/anastasiias-top-notch-site-00e22c?utm_medium=preview_link&utm_source=designer&utm_content=anastasiias-top-notch-site-00e22c&preview=ea5ee8fa1e01c73c5c2d4f60a98e6a25&workflow=preview...

CMS Filter

Can I use 2 filters as in 2 different forms to filter out one single cms list? I tried giving the same attribute to both the forms but only the elements in the first form is filtering the cms list and the other form is not.
No description

Finsweet Starter repo causing a ERR_CONNECTION_REFUSED

I'm using a cdn to serve up a repo that I started with the finsweet-starter and It's giving me this weird error ONLY when the local environment isnt't live. As soon as I start the dev server on localhost:3000, the error on localhost:3000/esbuild:1 runs every second....
No description

Optimizing assets

Hello! If anyone can help me with tools that can optimize my assets in order to enhance the site's performance like (https://app.optily.co/)

Im a newbie, I can get past this step. Please help.

Hi there. Can someone pls help. I have checked this code over and over again and can not see any errors. Task 6: Control Structures - Conditional Statements*/ // Define a variable named studentGrade that is of type number. let studentGrade = 70;...

Compound Interest - chart.js

Hey @Web Bae & all 👋 The chart.js compound interest calculator lesson is great. I wondered if anyone has added to this to include 'additional monthly deposits' to the formula?...

Horizontal Masonry Grid Layout - Doesn't work inside div set to display Flex..

Hi Web Bae, thank you for the reply on YT, bringing my updated question here with links and additional context: I replicated your horizontal masonry grid and style display setting on the elements, I was getting some weird display behavior (overlapping text etc) until I realized that if only the Collection List is set to display Flex and everything else is set to display as Block, the masonry grid works. What I can't figure out is how to get the masonry grid to work inside a div set to display as Flex, so that the Collection List inside the div is sized and centered inside of it (to align with another section I have on the full page version). Below is a page where I've stripped it down to just the masonry grid, where I am trying to center the masonry grid inside a div (Size and Center Div set to display Block) that's centered inside a parent div (Reviews Div Masonry) set to Flex. I've tried setting the Collection List to Flex and to Block, and a bunch of other variations, but can't figure out a way to get this layout to work (Note - Reviews Div Masonry OFF is the copy that has the correct settings with Flex set only on the Collection List, I've turned masonry off (changed the ID to masonry-off) and hidden this version, it's just there to keep an example of what works handy) Here is the live staged page: https://wonderdo.webflow.io/en/posie/5-1-2024-reviews-masonry-troubleshooting ...
No description

Removing hubspot branding link

I am getting this branding link of hubspot after I embedded it on webflow I want to remove it, also the client has a paid account and still I can't find the option to turn it off as I am intergrating this for the first time....
No description

CMS Filter with a date picker

Heyo - anyone has used Finsweet CMS filter with a date picker? I created a custom element and set the tag as input and type as "date", and then I added the custom attributes according to the finsweet documentation (fs-cmsfilter-field=date). I've also set the format to MM-DD-YYYY, However after I publish and test it, it is returning no results. Can someone kindly have a look at my readable link and tell me what I'm doing wrong here? P sure I'm doing something dumb but just can't figure it out....

CSS Grid question

Hey there, does anybody know how to fix this avoiding using min-height? https://www.loom.com/share/4304cc669eca4fde9a176929e30c5599?sid=658e8c55-4785-44a1-ab79-cbbd96a3c4e4 thanks a lot!...

Export figma prototype -> lottie for webflow

I'm looking to export my prototypes from figma to create animated mockups with lottie and webflow. What is the best plugin or way to go about that other than rebuilding it all in after effects.

SEO strategy help

Hi All, We're working on a couple of client sites as well as our agency site and I was wondering if anyone has SEO / existing site to new site migration strategy experience that would be able to help us out or give us some best practices / consultation help? Also, I was wondering if anyone has a recommendation for automation of pulling 750+ existing blog article content from the existing site into a spreadsheet and import into the new Webflow CMS. ...

GSAP Flip flexbox contents jumping (CodePen included)

Hey guys, I'm trying to create an interaction where when you click one of the menu items, it moves to the top of the page (using GSAP's Flip plugin). The issue I'm having however is that since I'm appending it to the .flip_container as I've seen in the GSAP docs, it disrupts the flow of the .menu_wrapper. Which makes sense of course, but I'd like each of the remaining items in the .menu_wrapper to stay where they are. Here is a Codepen where I've recreated the issue: https://codepen.io/chigggsy/pen/dyLaNWw...

You Can't Find a Better Infinite Marquee

Hi Keegan, Could you help with code for "stopping scrolling marquee on hover" interaction for your "You Can't Find a Better Infinite Marquee" tutorial, please. YouTube.com/watch?v=ZMCNin2VjxU&t=55s...

masonry layout with macy.js not working on mobile

Hi Web Bae, Thanks a lot for replying to my comment on youtube- it’s Adam here. As i mentioned, my masonry layout for some reason in the CMS projects template is not working on mobile. Ive created a test page with different CMS collections to test it on mobile and it does work all okay! It would be great to get your thoughts on that. All the best, Adam https://preview.webflow.com/preview/jas-bhalla-works?utm_medium=preview_link&utm_source=designer&utm_content=jas-bhalla-works&preview=2c32b463a142e064df598b2d5b6dc8b3&pageId=65b385d8c4b415463367018f&itemId=65b3961527f984cbb00b5dd1&locale=en&workflow=preview...

Webflow cmsCreate items using API

I keep getting this error when I try to create to cms
No description

Floorplan – how to build one and show on Webflow websiite?

Hi there, I found this website that has really awesome floorplan and I wonder how can I build something similar? Link: https://www.oceanabalharbour.com/floorplan...

Using web components with Webflow?

Hey Bea and others, Did a bit of a dive into web components. Would it be possible to create web components in Webflow, and would there be any benefits to using web components in Webflow? Webcomponents: https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements...

Custom SVG not fully loading in Clip Bae Plugin

Hi everyone, I've come across several posts here that seem to echo the issue I'm currently facing. When I upload a custom SVG file into the Clip Bae plugin, it doesn't fully display as intended. It appears as if the bottom part of my SVG gets cut off, not showing the complete image. I've experimented with various online tools to create the clip-path, successfully achieving the full shape each time. However, the aspect ratio isn't preserved (though the plugin seems to respect this, unlike the code generated by third-party websites)....