Streaming live at 10am (PST)

Arrow spacing - .w-select

How can I add a spacing so that the arrow is not so far from the corner of the field?

Captura de tela 2021-02-26 112020


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

@Thiago_Mota

Hey Thiago,

This appearance is created by Webkit browsers rather than Webflow’s css. You can reset this with css as follows;

In your site’s header (Dashboard > Custom Code)

<style>
  select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
  }
</style>

This will get rid of the default arrow. You the use the Webflow designer to add a background svg arrow image with the dimensions as needed.

1 Like

thanks a lot!!! i will make this

1 Like