Project Settings

Global Resets

Embed Code

Out of the box Webflow comes with some existing styles. Some of these make things a little difficult, below is a list of recommended resets for each project.

<style>

‍

/*-----GLOBAL-----*/

‍

html {
text-rendering: optimizeLegibility;
font-size: 16px;
overflow-x: hidden;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}

/*---WEBFLOW---*/

‍

a {
color:inherit;
text-decoration:none;
}

input[type=text] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

input[type=email] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

input[type=textarea] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.w-dropdown-toggle {

text-decoration:none;
}

.w-nav-link {
color:inherit;
}

.lightbox-2-modal-slide-arrow {
color:inherit;
}

.w-slider-dot.w-active {
background: transparent;

</style>

Collections

Webflow Docs