[SOLVED] Comment's from activity shown too large - old overrides not working

fribse2011
OFFLINE
Posts: 921
Thanks: 79
Karma: 8

6 years 5 months ago - 6 years 5 months ago #305563 by fribse2011

[SOLVED] Comment's from activity shown too large - old overrides not working was created by fribse2011

Hi Guys

I've had this in the CB 'default' template override to make the activity display and commenting quite a bit smaller, as they take up too much space otherwise.
These overrides has lost their meaning in CB2.2.0, probably because of using bootstrap 4.0, which I find great.

Code:

.wrapper-website .cb_template {color: #000000;font-family: "Montserrat",sans-serif;font-size: 0.84emt;}
.cbDateTimeago {font-size: 0.78em;}
.activityContainerTitleTop.text-muted.clearfix {font-size: 0.82em;}
.likeStreamLink.likeStreamLike {font-size: 0.85em;font-family: 'Open Sans', sans-serif;}
.streamItemContent.cbMoreLessContent.clearfix {font-size: 0.85em;color: #000000;font-family: 'Open Sans', sans-serif;}
.cb_template .cbActivityArticleComments .streamItem .streamMediaLeft {padding: 2px;}
.cb_template .streamMediaBody.commentContainerContent.media-body.text-small {padding-top: 2px;padding-bottom: 2px;}
.cb_template .streamMediaBody.streamItemDisplay.commentContainerContent.media-body {padding-top: 2px;padding-bottom: 2px;}
.cb_template .cbActivityArticleComments .streamItem .streamMediaBody  {margin: 0px!important;}
.commentsStreamItems.streamItems {margin: 0px!important}

Can you help me out changing the overrides?

Best regards
Fribse

Frømandsklubben Nikon, www.nikondyk.dk
We're a volunteer driven diving club in Ishøj, Denmark.
Har du brug for en dykkerklub der rummer alle, så kom ned til os.

Last edit: 6 years 5 months ago by krileon. Reason: Added [SOLVED] tag to subject

Please Log in or Create an account to join the conversation.

krileon
ONLINE
Posts: 48560
Thanks: 8292
Karma: 1445

6 years 5 months ago #305593 by krileon

Replied by krileon on topic Comment's from activity shown too large - old overrides not working

You will need to redo any CB specific CSS as the styling engine has been completely replaced with Bootstrap 4. We do not provide customization assistance. Right click and inspect the page using your browsers developer console to review the new classes and styling applied then adjust your CSS where necessary.

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 or Create an account to join the conversation.

fribse2011
OFFLINE
Posts: 921
Thanks: 79
Karma: 8

6 years 5 months ago - 6 years 5 months ago #305689 by fribse2011

Replied by fribse2011 on topic Comment's from activity shown too large - old overrides not working

Ok, I found out that most of the CSS actually still works, just needs a bit of tweaking.
Mostly it's gone to rem instead of emt in font size selection it seems.

Best regards
Fribse

Frømandsklubben Nikon, www.nikondyk.dk
We're a volunteer driven diving club in Ishøj, Denmark.
Har du brug for en dykkerklub der rummer alle, så kom ned til os.

Last edit: 6 years 5 months ago by fribse2011.

Please Log in or Create an account to join the conversation.

fribse2011
OFFLINE
Posts: 921
Thanks: 79
Karma: 8

6 years 5 months ago #305690 by fribse2011

Replied by fribse2011 on topic Comment's from activity shown too large - old overrides not working

These are the new settings that seems to make it look a lot better, and way more compact.
So somebody else might be able to have some benefit from it.

Code:

/* CB Bootstrap 4 fontsize */
/* General text */
.wrapper-website .cb_template {color: #000000;font-family: "Montserrat",sans-serif;font-size: 1rem;}
/*Article comment box size*/
.streamInput.streamInputAutosize.streamInputMessage.streamInputMessageCollapse.form-control.no-border , .streamInput.streamInputAutosize.streamInputMessage.form-control.no-border {min-height: unset;height: auto !important;}
/*Like button*/
.likeStreamButton.likeStreamLike.btn.btn-info.btn-xs {font-size: 0.5rem;}
.likeStreamLink.likeStreamLike {font-size: 0.7rem;}
.cb_template .btn {font-size: 0.5rem;}
/*Activity stream Module fixup*/
.streamItemContent.cbMoreLessContent.clearfix {font-size: 0.85rem;color: #000000;font-family: 'Montserrat', sans-serif;}
.form-control {font-size: 0.84rem;}
.cbDateTimeago {font-size: 0.7rem;}
.activityContainerTitleTop.text-muted.clearfix {font-size: 0.82rem;}

Best regards
Fribse

Frømandsklubben Nikon, www.nikondyk.dk
We're a volunteer driven diving club in Ishøj, Denmark.
Har du brug for en dykkerklub der rummer alle, så kom ned til os.

The following user(s) said Thank You: nant

Please Log in or Create an account to join the conversation.

Moderators: beat, nant, krileon