Codes available to style your elements in your Return Portal.
Simply copy/Paste whatever you wish to change in your returportal and add it to the section for CSS styling of your return portal.
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 to 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 :)
Comments
0 comments
Please sign in to leave a comment.