Koder, der er tilgængelige til at style dine elementer i din Returportal
Du skal blot copy/paste det, du ønsker at ændre i din returportal, og tilføje det til sektionen for CSS-styling af din returportal.
For at ændre CSS i en returportal, skal du åbne dine Returportal-indstillinger, gå til fanen 'Brand & Text' og åbn side 5:
Nedenfor finder du nogle eksempler på CSS til inspiration.
Skift baggrundsfarven
body {
background-color: #F6F5F2;
}
Skift overskrifterne
.mb-5, .select-items-header, .refund-method-header, .card-body h3 {
font-family: papyrus, sans-serif;
}
Skift teksten under overskrifterne
.lead {
color: #c5c5c5;
}
Skift tekststilen i inputfelterne
.form-group label {
font-family: "Lucida Console", "Courier New", monospace;
}
Skift knapperne
.btn-lg, .btn-block, .btn-primary {
background-color: black !important;
}
button {
font-family: "verdana", "Courier New", monospace;
border-radius: 25px !important;
}
Skift mouse-over-stilen for knapperne
button:hover {
background-color: #42B237 !important;
}
Skift mouse-over-stilen for den unikke knap (Change Selection)
.btn-link:hover {
background-color: blue !important;
color: #ffffff !important;
}
Skift baggrunden på progressbaren
.progress {
height: 0.8rem !important;
border-radius: 25px !important;
}
Skift fremgangen på progressbaren
.progress-bar {
height: 0.8rem !important;
border-radius: 25px !important;
background-color: black !important;
}
Tilføj tekst før og efter alle inputfelter
.form-group label:before {content:'Enter your'}
.form-group label:after {content:' *required '}
Du kan altid tilføje mere styling til andre elementer eller angive flere detaljer for, hvordan du gerne vil have, at de skal se ud. Men med denne vejledning burde du være godt på vej til at style det meste, som du ønsker det.
God fornøjelse.