Codes available to style your elements in your Return Portal.
Simply copy/Paste whatever you wish to change in your return portal and add it to the section for CSS styling of your return portal.
To change CSS on a return portal, open your Return Portal settings and go to the 'Brand & Text' tab and open page 5:
Below you will find some example CSS for inspiration.
Change the background color
body {
background-color: #F6F5F2;
}
Change the headlines
.mb-5, .select-items-header, .refund-method-header, .card-body h3 {
font-family: papyrus, sans-serif;
}
Change the text below the headlines
.lead {
color: #c5c5c5;
}
Change the text style on the input fields
.form-group label {
font-family: "Lucida Console", "Courier New", monospace;
}
Change the buttons
.btn-lg, .btn-block, .btn-primary {
background-color: black !important;
}
button {
font-family: "verdana", "Courier New", monospace;
border-radius: 25px !important;
}
Change the button mouse-over style
button:hover {
background-color: #42B237 !important;
}
Change the unique button (Change Selection) mouse-over style
.btn-link:hover {
background-color: blue !important;
color: #ffffff !important;
}
Change the progress bar background
.progress {
height: 0.8rem !important;
border-radius: 25px !important;
}
Change the progress bar progress
.progress-bar {
height: 0.8rem !important;
border-radius: 25px !important;
background-color: black !important;
}
Add text before and after all the input fields
.form-group label:before {content:'Enter your '}
.form-group label:after {content:' *required '}
You can always add more styling to other elements or specify the details of how you would like them to be. But with this guide, you should be well on your way to styling most of it as you would like it to.
Enjoy.