Design
Custom CSS
Mithilfe von Custom CSS kannst du deine Umfrage perfekt an deine Brand und dein Corporate Design anpassen. Deine Umfragen können mit deiner eigenen Schriftart sowie Sonderelementen deiner Marke angereichert werden.
In der Umfragenerstellung findest du die Funktion Custom CSS ganz unten im Tab Style:
Wenn du die Schriftart deiner Website verwenden möchtest, kannst du einfach
* { font-family: inherit!important; }verwenden. Dann wird in der gesamten Umfrage die Schriftart deiner Website benutzt.
Layout & Container
.ph-wrapper.ph-survey
Funktioniert nur bei der Stand-Alone-Umfrage, da sie kein Shadow DOM verwendet.
.ph-survey-host.ph-survey-host--full-image.ph-survey-host--side-image.ph-box-inner.ph-box-outer.ph-bg--left.ph-bg--main.ph-bg--right
Funktioniert nur bei der Onsite-Umfrage.
.ph-survey-minimized.ph-overlay
Header & Branding
.ph-header.ph-header__branding.ph-header__close.ph-topbar.ph-topbar__back.ph-topbar__close.ph-topbar--close-only.ph-branding.ph-branding__logo.ph-branding__text.ph-title.ph-subtitle
Avatar
.ph-avatar.ph-avatar__info.ph-avatar__name.ph-avatar__title
Fragen & Text
.ph-question__body.ph-question__title.ph-question__description.ph-length-hint
Buttons
.ph-btn--primary.ph-btn--secondary.ph-btn--action
Funktioniert nur bei der Stand-Alone-Umfrage.
.ph-extra-btn.ph-extra-btn-container
Eingabefelder
.ph-input--checkbox.ph-input--radio.ph-input--text-inline.ph-input--short(Short Free Text).ph-input--long(Long Free Text).ph-input--email
Antwortoptionen (Standard)
.ph-options.ph-option
Rating (Sterne, NPS, etc.)
.ph-rating--large.ph-rating--small.ph-rating__elements.ph-rating__element.ph-rating__btn--star.ph-rating__btn--nps.ph-rating__btn--number.ph-rating__btn--full.ph-rating__context.ph-rating__label
Emoji
.ph-emoji.ph-emoji__item
Matrix
.ph-matrix.ph-matrix__container.ph-matrix__row
Dropdown
.ph-dropdown__btn.ph-dropdown__answer.ph-dropdown__arrow.ph-dropdown__content.ph-dropdown__list
Ranking
.ph-ranking.ph-ranking__item.ph-ranking__item--dragging.ph-ranking__item--drag-over.ph-ranking__drag-icon.ph-ranking__dropdown.ph-ranking__icon.ph-ranking__number.ph-ranking__number-block.ph-ranking__text
Progress Bar
.ph-progress.ph-progress__track.ph-progress__fill.ph-progress__info.ph-progress__label.ph-progress__label-row.ph-process-bar.ph-process-bar__segment
Opt-in
.ph-optin.ph-optin__label.ph-optin__notice
Warnungen & Fehlermeldungen
.ph-warning(Höchstzahl erlaubter Auswahlen in einer Multi-Select-Frage erreicht).ph-error(Pflichtfrage nicht beantwortet oder ungültige E-Mail-Adresse eingegeben)