[SOLVED] bootstrap horizontal

4 years 1 month ago - 4 years 1 month ago #316467 by dataphil
[SOLVED] bootstrap horizontal was created by dataphil
Hello,
I can't seem to put the cb login module in "horizontal bootstrap". (advanced options)
I am using the Warp theme Businessx template which apparently creates this problem.
Can we fix it?
thank you in advance

Please Log in to join the conversation.

4 years 1 month ago #316504 by krileon
Replied by krileon on topic bootstrap horizontal
Select the horizontal layout within your CB Login Module and assuming there's enough space for it it should display horizontally fine like our login module at the top. There may not be enough space in the module position you're trying to use or your Joomla template could be applying some custom CSS to the login module breaking its horizontal display.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in to join the conversation.

4 years 1 month ago #316509 by dataphil
Replied by dataphil on topic bootstrap horizontal
Hello,
Thank you for your reply.
The cb login module has enough space but remains vertical.
I have the option to include css in the template.
Could you give me the text to include to find horizontality.
Thank you in advance

Please Log in to join the conversation.

4 years 1 month ago #316512 by krileon
Replied by krileon on topic bootstrap horizontal
I can not help you with styling your Joomla template. If it's displaying vertically there isn't enough space or there's a CSS conflict of some kind causing something in the form to be a block element. Nothing I could suggest without a link to the issue regardless.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in to join the conversation.

4 years 1 month ago #316514 by dataphil
Replied by dataphil on topic bootstrap horizontal
This is the css of the template :
/* ******************************************************** */
/* ********* START:: Login & Registration Form ********** */
/* ******************************************************** */
.error-page .form-control, .remind .form-control, .reset .form-control, .view-login .login .form-control, .view-login .logout .form-control, .view-registration .registration .form-control {
border-radius: 0;
padding: 0.65rem 1.75rem;
}
.error-page .form-control:hover, .remind .form-control:hover, .reset .form-control:hover, .view-login .login .form-control:hover, .view-login .logout .form-control:hover, .view-registration .registration .form-control:hover, .error-page .form-control:focus, .remind .form-control:focus, .reset .form-control:focus, .view-login .login .form-control:focus, .view-login .logout .form-control:focus, .view-registration .registration .form-control:focus, .error-page .form-control:active, .remind .form-control:active, .reset .form-control:active, .view-login .login .form-control:active, .view-login .logout .form-control:active, .view-registration .registration .form-control:active {
box-shadow: none;
}
.error-page .input-group-text, .remind .input-group-text, .reset .input-group-text, .view-login .login .input-group-text, .view-login .logout .input-group-text, .view-registration .registration .input-group-text {
border-radius: 0;
padding: 15px;
}
.error-page .btn, .remind .btn, .reset .btn, .view-login .login .btn, .view-login .logout .btn, .view-registration .registration .btn {
border-radius: 0;
padding: 0.8rem 2rem;
}
.error-page .btn-primary:hover, .remind .btn-primary:hover, .reset .btn-primary:hover, .view-login .login .btn-primary:hover, .view-login .logout .btn-primary:hover, .view-registration .registration .btn-primary:hover {
border-color: #000;
background-color: #000;
}
.error-page .list-group-item, .remind .list-group-item, .reset .list-group-item, .view-login .login .list-group-item, .view-login .logout .list-group-item, .view-registration .registration .list-group-item {
font-size: 14px;
}
.view-login .logout {
text-align: center;
}
.view-login .logout .controls {
margin: 0;
}
.alert {
border-radius: 0;
}

Please Log in to join the conversation.

4 years 1 month ago #316528 by krileon
Replied by krileon on topic bootstrap horizontal
I can't help you debug your templates CSS. You'd need to contact your template developer regarding that. I also can't possibly suggest anything without a link to where the issue is present.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in to join the conversation.

Moderators: beatnantkrileon
Time to create page: 0.219 seconds

Facebook Twitter LinkedIn