center cb login

10 months 1 week ago #334297 by DICIDE
center cb login was created by DICIDE
Hello,

I hope you understand my broken english.

A question:
How do I center the CB login module? The way it is arranged on the left looks unclean.

Thanks

Please Log in to join the conversation.

10 months 6 days ago #334300 by krileon
Replied by krileon on topic center cb login
Can probably just add text-center to the Module Class parameter under Advanced Options.

Alternatively you can write custom CSS to center it. Its styling follows that of Joomla's login module. You can apply custom CSS from CBs built in CSS override functionality or use Joomla's built in layout override functionality to make a new layout for the module. CBs built in CSS override functionality is explained below.

www.joomlapolis.com/blog/kyle/18711-template-css-overrides-made-easy


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.

10 months 6 days ago #334312 by DICIDE
Replied by DICIDE on topic center cb login
Hello krileon,

Thanks for your answer!

Yes, I can try with the override.css! Unfortunately, I don't know which parameters you used for the module.

Can I write it like this:

.cb_module {
text-align: center
}

Or

.cb_Template .class=cbloginmodul {
text-align: center;
}

As I said, when it comes to css, I still have a lot to learn :) and since I don't know which parameters the login module reads, the code doesn't seem to do anything either.
Would be nice if you could explain that to me.

I am now trying out a few things in the override.css

Warm greetings from Germany
Jens Natter

Please Log in to join the conversation.

10 months 6 days ago - 10 months 6 days ago #334313 by krileon
Replied by krileon on topic center cb login
The CSS classes are the same as Joomla's. Right click and use Inspect Element on the module to take a look at why CSS classes are on the module and its elements. You however probably don't even need to write custom CSS. Under the Advanced Options tab of the module add "text-center" (without quotes) to Module Class parameter and that'll probably work fine as it's a base Bootstrap class. Beyond that I cannot help you as we don't provide custom coding assistance we only provide the means for you to apply your custom coding.


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.

10 months 6 days ago - 10 months 5 days ago #334314 by DICIDE
Replied by DICIDE on topic center cb login
Hello Krileon,

thank you very much for your quick answer!

All right, I understand that. Since I was also looking for elements all the time to identify the class.

Ok, now I typed text-center in the class module and it worked!
Now it's centered! Unfortunately, the avatar (profile picture) is not centered in the login module.
Can this also be adjusted in the class module? Or is this only possible in bootstrap.css and override.css?

Best regards
Jens

Please Log in to join the conversation.

10 months 5 days ago #334317 by krileon
Replied by krileon on topic center cb login
The avatar should be centered by that and does in my tests. There's likely some other CSS styling adjusting how image elements display. Probably CSS from your template. So yes you'll need to identify what CSS is doing that then provide your own CSS in the CSS overrides feature within CB.


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.209 seconds

Facebook Twitter LinkedIn