I find it difficult to work in the small (narrow) box under the advanced section when editing CSS. Is there a way to connect with an external editor, or do you have plans to be able to expand that box for easier editing (like you have for editing api calls, var, etc)? Even better would be a way to access all css vars to customize values visually.

It would be nice if, when you hover over a style selector it would highlight which token (or local) that style comes from. I know you can hover and wait for the popup, but it's slow and requires more time to read the cascade path. An instant highlight of the token in some would be fast.

Not a big deal, but wondered about collapsing hidden collection items to keep the nav tree a bit shorter. So this:

I see that I am actually following on X. I so rarely use it that I didn't think I had. So that is likely the source. 🙄

I am trying to pick a CMS for a blog site. It needs to be low cost but support images withing blog posts (rich text with images). It looks like wordpress is the only one that checks these boxes. Ghost does not provide api access at their low-cost teir. Baserow and Airtable don't have images in rich text. Am I missing a good low-cost rich text option?

I would love some honest feedback on whether Webstudio is production ready. Are any of you running an agency with it? I am on the pro plan and building my first site. I am proficient with Webflow. I have been watching Webstudio for the past year or so and I am impressed with what has been accomplished. but now with spending a few hours, I am surprised at some buggy UI things, some of the help requests I see in this thread, and just worried in general about switch from Webflow. I spent 45 min trying to figure out how to style HTML elements, like headings, withing the builder. Finally figured out you need to use custom code to do that. I don't see an option to clean up unused CSS.

Pulling from Ghost.
Posts have tags. They are Book, Blog, News.
I have a dynamic tag page that lists whatever tag is passed to it.
Clicking on one of the post items takes to to the single post page.

My challenge is that different post types need different page layouts and styling. Blog posts look different than Book posts.
I assume the best approach is to use conditional visibility on the 'post' page. Depending on what the tag is, different components will be displayed with the different stylings.

Assuming this is the right approach, my main challenge is the expression editor. I've tried following a previous discussion, but not quite understanding it. Given my setup above, how would I compose an expression for 'show' to check for what the tag is. If tag == blog, then show.... type thing.

What's the best way to modify/remove some of the default CSS built into WS like <p> and <h#> elements? I would like to be able to set a global paragraph style without having to add a class to each paragraph.

When you hover over the submit button on a webhook form, there is no change in the mouse cursor / pointer

https://p-2de7a4b8-80a3-4b4b-b80f-181d22f9c262.apps.webstudio.is/?authToken=e82955ca-03e3-4964-bb4b-7a070086e8db&mode=preview

I am having trouble with divs not behaving the same on Android and iOS.
iOS ver 17.6.1
iPhone 11
Issue happens across all current versions of browsers: Firefox, Chrome, Safari.

The messed up one is from iOS. The correct one is from Android.

Live link: https://iryntushabe.com/

WS link: https://p-2de7a4b8-80a3-4b4b-b80f-181d22f9c262.apps.webstudio.is/?authToken=e82955ca-03e3-4964-bb4b-7a070086e8db&mode=preview

External links from content embed from Ghost are getting ?ref={Ghost URL} added. For most sites it doesn't seem to matter. But I have at least one site that is rejecting it.
https://p-2de7a4b8-80a3-4b4b-b80f-181d22f9c262.apps.webstudio.is/?authToken=e82955ca-03e3-4964-bb4b-7a070086e8db&mode=preview

I just want to confirm this is the best way to do this. If I am pulling in a collection of posts, but I want to display posts of a specific tag in one section of the page and then posts of another tag in another section. I would simply add the collections in different sections and put a visibility condition to filter for the items i want? It works. Just confirming this is best practice.

I want to filter by tag from Ghost. I know there is a template. I am trying to reproduce it for my own learning. On the tag filtered page I know I need to add the Ghost Tag variable. But it wants the system.params.slug. My system JSON does not have that. This is missing:
{
"params": {
"slug": "blog"
},
How can I add this?
I've copied over the various hidden Code Injections from the template as well.
Here is what my System JSON looks like.
{
"params": {},
"search": {},
"origin": "https://iryn-x9l0p.wstd.io"
}