Like ours? It's just some CSS. You can apply custom CSS to your site using Joomla's user.css or our CSS overrides feature below.
www.joomlapolis.com/blog/kyle/18711-template-css-overrides-made-easy
Example CSS below should get you started.
Code:
.site .cbRegistration .cbRegistrationDiv {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.site .cbRegistration .cbRegistrationDiv {
width: 600px;
}
}
Below is the CSS we use on our site. It's a bit more complicated since we wanted CBSubs to still span the full width.
Code:
.site .cbRegistration .cbFieldsContentsTab,
.site .cbRegistration .cbRegistrationButtons {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 1rem;
background-color: #f8f9fa;
background-color: var(--light, #f8f9fa);
}
.site .cbRegistration .cbFieldsContentsTab + .cbFieldsContentsTab,
.site .cbRegistration .cbFieldsContentsTab + .cbRegistrationButtons {
padding-top: 0;
}
.site .cbRegistration .cbRegistrationButtons {
display: block;
}
.site .cbRegistration .cbFieldsContentsTab .form-group:last-child {
margin-bottom: 0 !important;
}
@media (min-width: 768px) {
.site .cbRegistration .cbFieldsContentsTab,
.site .cbRegistration .cbRegistrationButtons {
width: 600px;
}
}
krileon
