All is in the title and the screenshot. Thanks!

Hi guys, I have a question. On my website, I applied the same margin to all sections, but when I publish the site, the sections with images appear with more margin than the others in the responsive breakpoints. What could be happening?

There was a discussion on Github about a Standardized Design System I really enjoyed reading. Now I have a good amount of questions and suggestions about building a robust and scalable design system.

Where should I post it? On Github discussion? Here in Suggestions? I really like discord for it's thread functionality (which I miss on Github). Does it makes sense that we create a new forum/section here on Discord for the design system, thinking about naming conventions etc?

@Webstudio Team

Guys is there a straigth forward way to use WebStudio in parallel with regular developpement (coding in react) ?

This got announced sometime ago
https://www.youtube.com/watch?v=lfVA-5qHiUM

Would be nice to be able to only show month with the year in specific language.

Wrap In Slot could be nice shortcut

I'm genuinely curious which new Webstudio features people think should be prioritized

So I made a tier list 😅 . Here's mine (image)

feel free to share yours: https://tiermaker.com/create/webstudio-new-features-18231987

hi guys, maybe its a stuoid question but i'm going crazy 🙂 how can i reaplicate the hover state of this menu https://remix-star-expand.figma.site/ (it's a simple color change in both text included in the menu element "brand strategy" from black to gray and "01" from gray to orange). i made a link, inside the link a box and inside the box the two text elements but i can't change color on hover to change in the same time going on the link. I hope you understand what i want to do 🙂

It's not gonna matter because literally nothing I say is gonna change a damn thing, but always speak up no matter what. Put simply, I don't like the generative AI being crammed into yet another tool. There are tons of ethical issues stemming from them and this tool is looking like nothing more than "Look! We added AI!" just to say "Look! It can do AI!" again. I'm so over it. I've created everything from music to art to websites to video games. This is valueless as always and I'm very upset to see it shoved into another product uselessly.

And now I'm gonna have to hear all the oft-repeated and bogus reasons why people think saying "computer, make my website" is somehow good. Fire them away, I'll hear them all out and I'll consider each and every one fully. Because it would be disrespectful if I didn't.

I cut this together as an idea just for fun. I know there has been talk and some issues opened around code editing UI for Webstudio. The idea with this would be:

• maintaining access to canvas while editing code,
• improved code editing experience,
• access to settings and styling without changing tabs,
• potentially using one of the editing blocks for vars, api stuff, or CSS vars -- again, without popping over the canvas.,
• I wonder about one day having full access to CSS editing in a code editor (like Advanced Mode but a more traditional IDE experience)?,

Drawback is of course screen space. But even at 1440 height, it's totally reasonable. Not sure about 1080. My thought is that you could resize the panes like in dev tools.

I created a token for nav links dependent on the token for links but when I change the color, its still the same as color in the token for links.

Hi team.

I'm working with a "Collapsible" radix.

My goal is to make a table of contents visible on the page/folder.
It works.

Except that I want the table of contents to be visible by default on a computer, and hidden by default on smaller screens.

My problem:
When I enable the "Open" property on my Collapsible, it no longer works. (Screen)

I thought about using an accordion, but I don't think it's the best architectural solution.

Is this a bug?

Hello.
I recently redesigned my blog using the self-hosted Webstudio Builder.
I had no problems when I redesigned my blog, but when I updated Webstudio Builder a few days ago, I started having problems with the “Time” component.
The date displays fine on the Builder, but on the published web page it does not display correctly and shows “dateTime attribute is not set”.

I think this problem probably started occurring after the following fix was applied (before this fix was applied, the “dateTime attribute is not set” was displayed on the Builder, but the correct date was displayed on the published web page).
https://github.com/webstudio-is/webstudio/commit/0795823431147af8beebc73988221121729e88c2

I opened the developer tools in my browser and it seems that the correct date itself is retrieved, but the text shown is “dateTime attribute is not set”.

I checked the forums and it seems to be the same problem as the following: https://discord.com/channels/955905230107738152/1371722698257993769

I am using a self-hosted builder and am unable to share the project link, how do I do this?

Thank you.

Hello Everyone. 👋
Is there any way I can share a "Content" link without giving any option to clone the website?

Got some work to do this weekend!

Not everyone wants to support Elon Musk, and I'd rather not have to setup an account on X in order to be up-to-date with what's happening in Webstudio Land...

How can we add custom meta tags into head section of page?

<meta name="title" content="SEO Myths Killing Your Business">
<meta name="description" content="At firsng? Did ..............">
<meta name="keywords" content="lean start uphome ............ ">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="revisit-after" content="3 days">

I found Custom Metadata feature in webstudio, used it and filled up inputs in property and content.
but in front end in inspect it is showing like in screenshot.

so question is is there any place where we can add custom codes in <head> </head> of each page.

It would be neat if we could bind the name field of items (specifically when in a collection).

The intention is to manage a site with many items within a collection, making it easy to identify content in the navigator.

Is there any way to introduce custom components to the builder at this time? (ie. defining a reusable set of elements for a site, where only the variables/inputs change?)

I connected the Test page via REST as a test. The blog subpage displays the post content, but the image within the content is missing. In the page's code, the image source link is visible and correct. What am I doing wrong? https://00-blueprint-5pqx0.wstd.io/blog/stress-free-compliance-and-controls

@Oleg Isonen Please also post your GenAI examples thread to Webstudio's Bluesky channel. Those of us who left Twitter/X appreciate it.

Team, I have created card for my website. Now, I want to make them clickable. Can someone please help in this.

Redirecting a webhook form to another page is easy using this method: https://discord.com/channels/955905230107738152/1249714434570453073/1249763312984658051.

However, is it possible to redirect to a URL that looks something like this:

https://website.com/thank-you-page?email={{email_input}}&name={{name_input}}

The URL needs to be built after submitting the webhook form, and then performing the redirect. I tried adding a script in the "Success box" that looks something like:

let userEmail = document.getElementById('form-name') let userName = document.getElementById('form-email') const redirectUrl = /thank-you-page?email=${encodeURIComponent(userEmail)}&name=${encodeURIComponent(userName)};

But it didn't pass the values to the thank you page URL. The use case for this is using zaraz.track to get the email and name for a Facebook Pixel integration.

Hey Team! Copying webflow from cloud version to local or self hosted webstudio has stopped working, instead it just pastes text as a paragraph instead of webstudio component, is there any update regarding that ?