Element CSS Classes

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

You can use the classes listed below to style your 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.

Image button classes

`.image-button`

Targets image button elements. For example:

.image-button {
  background-color: #e6e6e6;
  padding: 10px;
  border-radius: 10px;
}

css | Copy Code

`.language-menu__option`

Targets language menu option elements. For example:

.language-menu__option {
  background-color: #dfd2f4;
  font-family: monospace;
}

css | Copy Code

Lightbox classes

`.lightbox`

Targets lightbox elements. For example:

.lightbox {
  border: 5px solid #d1a917;
  border-radius: 6px;
  filter: drop-shadow(2px 4px 6px black);
}

css | Copy Code

`.lightbox__close-button`

Targets lightbox close buttons. For example:

.lightbox__close-button {
  width: 10px;
}

css | Copy Code

Line classes

`.horizontal-line`

Targets horizontal line elements. For example:

.horizontal-line {
  border-top: 6px dotted orange;
}

css | Copy Code

`.vertical-line`

Targets vertical line elements. For example:

.vertical-line {
  border-left: 12px dashed pink;
}

css | Copy Code

Search bar classes

`.search-bar`

Targets search bar elements. For example:

.search-bar {
  width: 500px;
  display: flex;
  flex-direction: row;
}

css | Copy Code

`.search-bar__icon`

Targets search bar icons. For example:

.search-bar__icon {
  fill: #840292;
}

css | Copy Code

`.search-bar__input`

Targets search bar input boxes. For example:

.search-bar__input {
  border: none;
  border-bottom: 2px solid #840292;
  background-color: #dfd2f4;
  font-family: monospace;
}

css | Copy Code

Was this helpful?

Element CSS Classes

Image button classes

`.image-button`

Language menu classes

`.language-menu`

`.language-menu__option`

Lightbox classes

`.lightbox`

`.lightbox__close-button`

Line classes

`.horizontal-line`

`.vertical-line`

Search bar classes

`.search-bar`

`.search-bar__icon`

`.search-bar__input`

In This Article