Search.../

Upload Button CSS Classes

Note: This feature is only available to Wix Studio users.

You can use the classes listed below to style your UploadButton elements with CSS.

For more information on styling your elements with CSS, see Styling Elements with CSS and the MDN CSS reference docs.

Important: Element structure and undocumented class names may change without advance warning. To avoid unintended style changes to your site, select elements with the documented class names only.

.upload-button

Targets upload button elements. For example:

.upload-button {
width: 200px;
cursor: default;
background-color: #116dff;
}
css | Copy Code

.upload-button__icon

Targets upload button icon images. For example:

.upload-button__icon {
width: 50px;
height: 50px;
border-radius: 50%;
box-shadow: 5px 5px 10px;
}
css | Copy Code

.upload-button__label

Targets upload button label text. For example:

.upload-button__label {
font-family: sans-serif;
font-weight: 700;
text-transform: lowercase;
color: black;
}
css | Copy Code

.upload-button__field-title

Targets upload button field titles. For example:

.upload-button__field-title {
font-family: sans-serif;
font-weight: 700;
text-transform: lowercase;
color: black;
}
css | Copy Code

Was this helpful?