Hello,

That would be great if we could edit CSS variable name.

Use case :

I use --space-xl : clamp(3.375rem, 3.2446rem + 0.6522vw, 3.75rem) and it's not enough responsive in mobile format.
I don't want to delete --space-xl in Global Root otherwise I will lost every place I set --space-xl.
So, I replace value by clamp(2.25rem, 1.7283rem + 2.6087vw, 3.75rem) which "--space-l-xl".

Or is there a way of knowing where I've placed all my CSS variables?

Hey,

I found a way to add a fluid responsive font size to your design according to breakpoint thanks to a calc() formula

For example : H1 55px (max) over 991px / 30px (min) under 479px

calc(30px + (25 * ((100svw - 479px) / (991 - 479))))

paste this formule in size

PS: 25 = 55 (max) - 30 (min)

Hey,

I would to add an overlay [ rgba(0, 0, 0, 0.3) ] on image background in order to improve contrast message like in Webflow.

I tried to add a gradient but it doesn't work

Thank you for your help

Romaric

Hello,

I try to create shadow in a testimonial slider like I did in Figma but I have a cut on the right.

I took the template from the marketplace swiper.js to create the slider

Is there someone how already did it ?

Thank for your help

Romaric

I spend few hours ready WS docs and I found nothing about page hierachy and subpages. I saw that we can create folder in WS and I don't know when to use it.

I am looking for creating a breadcrumb related to URL according to SEO best practices
I would like to insert blog category between posts and :slug (blog title)
-> .../posts/category/:slug

I want this category dynamic too, that is why I created categoryslug too
-> .../posts/:categoryslug/:slug

I would like user can filter blog post by categories and easily navigate between them

Two goals

• get what you want in 3 clicks maximum
• URL and breadcrumb must match

I hope I've made myself clear

PS: I am not a dev so sorry if you find my questions a little bit nuts.

What do you think about publish button changing color according to website's state ?
Let me explain. I notice some of my trouble came from the fact I forgot to click on publish after updating the website.
So, Green would be for everything updated and live.
Blue would be website live but update is needed.
Gray would be for website not yet published.
In any case, there is no way to know what is live or not.

Hello,

I would like to add a categories to my blog section and add a dynamic breadcrumb for a better UX/UI and SEO (best practices).

Blog > [category] > [post]

[category] and [post title] are dynamic variables

I found how to add categories in Hygraph but I don't understand how to deal with navigation model and how to implement it in WS.

I looked at all Hygraph templates and none of them contain breadcrumb or categories

I spend hours with Hygraph AI assistant. Answers are general and I feel lost 😅

I would like to level up my skills.

Thank you for your help and understanding

Hello,

I would to create an animation when the mouse hover le red rectangle. I would like the arrow only translate (x : 8px) on the right and get back on hover off

I can do it on Webflow and I try to do the same in Webstudio.

https://discord.com/channels/955905230107738152/1133337749856989316/1184537619611262986 (Archive - original message from @John Siciliano | Webstudio Essentials Course : video 2.6 in Gumroad)
---

As there is only one viewport container, a solution would be to duplicate "Navigation Menu" one for each dropdown and voila.

---

Hello,
In the video @John Siciliano explains to set black color to 60% opacity but now I don't know to do it. Is there a setting to activate ?

Hello,
Are there any best practices about selling a website made with webstudio ?
What are your recommendations ?
Thank you for your help 🙏