Anyway to see custom CSS effective in the editor?

Design help General
1

As my topic title mentions, is there an option to see custom css in action, in the editor?

In that I mean, for example I have custom css in the Custom Code are -

style type="text/css">
.contact-message {
position: relative;
top: 50%;
transform: translateY(-50%);
} 
</style>

This is to enable me to use vertical alignment on an element. When I go back to my editor this css is not in effect though? It is only in effect when you export, which makes things a little awkward whilst your developing, as I do like to see things pixel perfect before I export, like most people would iā€™m sure?

Any workaround?

thanks

1 Like
2

Hi @marcremblance currently there isnā€™t. Weā€™re thinking about a way to do this so that the UI will take into consideration custom code. Not ETA on that.

Why not create that class and add those styles directly in Webflow? You can do relative positioning, top, and transform.

3

Got it :wink:

thanks Sergie

4

Hi @thesergie, sorry to revisit and raise this again, but it is very important for us.

Having my code organised instead of all over the place is a big deal on our team, since there are many HTML+CSS+JS adaptations we need to do for what will later be our code base.

Since there is no way to embed CSS in the projectā€™s CSS file or JS in JS file, the only single place to add code to is the ā€˜custom codeā€™ section.

Do you have any plan to make the code on ā€˜Custom Codeā€™ work on the editor or at least on view mode?

Thanks

1 Like
5

Yes weā€™ve been thinking a lot about that and plan on moving a lot of settings that are currently outside the designer into the designer. Thanks for your feedback! Weā€™re definitely considering your type of workflow.

2 Likes
6

When you say youā€™ve [quote=ā€œthesergie, post:5, topic:1810ā€]
been thinking a lot about ā€¦ moving a lot of settings that are currently outside the designer into the designer
[/quote] I hope that includes adding fonts, especially the Google Fonts ā€¦ would save a lot of back and forth when initially starting up a site and fine tuning font combinations :smile: @thesergie

7

Totally! Fonts would be one of the first to move over. :thumbsup:

1 Like
8

You guys really are the best :wink:

9

Thanks!

Much appreciated, while I know that you are a (dedicated) small team of 5.

Right now I view Webflow as a great design tool but have some limitations of using it as a dev tool.
On the long run, it you could make both I see a bright future for you guys.