Kan du koda är webbläsaren din enda begränsning när du designar ett formulär i Upsales. Du lägger då till din egen CSS (Cascading Style Sheet) ovanpå Upsales ursprungliga.
Den här artikeln tar upp:
- Så aktiverar du CSS-styling
- Så publicerar du formulär med egen CSS
- ”Påverkar egen CSS andra element på webbplatsen?”
- ”Min CSS syns inte i formuläret”
Så aktiverar du CSS-styling
- Klicka på fliken Design i ett skapat formulär:
- Klicka på fliken Egen styling, eller scrolla ned till Egen styling (CSS)
- Klicka på Redigera egen CSS. Knappen visas bara tills du har klickat på den en gång i din webbläsare. Efter det öppnas CSS-redigeraren direkt:
- Sätt igång och koda:
Så publicerar du formulär med egen CSS
Din egen CSS följer med i alla publiceringsalternativ utom Kod för egen design.
Alternativet Kod för egen design kopierar formulärets HTML och skript, men inte din egen CSS eller formulärets standard-CSS. Publicerar du med det alternativet lägger du till din CSS på din egen webbplats och börjar varje selektor med #up-form, så att den bara påverkar formuläret.
”Påverkar egen CSS andra element på webbplatsen?”
Kort svar: nej.
All din egna CSS begränsas till #up-form. Det betyder att element utanför elementet med det id:t inte påverkas. Det är det yttersta id:t i ett Upsales-formulär.
Upsales lägger till #up-form före varje selektor, så du kan utelämna det. I en @media-regel ska du alltid utelämna det: en selektor där som redan börjar med #up-form matchar ingenting.
”Min CSS syns inte i formuläret”
- Om du publicerade formuläret med Kod för egen design ingår inte din egen CSS i koden. Lägg till den på din egen webbplats, som beskrivs ovan.
- Prova att lägga till nyckelordet !important i slutet av CSS-deklarationen:
#up-form {
background-color: white !important;
box-shadow: none !important;
}Ibland är formulärets standard-CSS mer nästlad och måste därför skrivas över på det här sättet.