Skip to Content Skip to Menu

🎃 Happy Halloween! Treat yourself with an awesome discount on memberships! Get 20% off now with code SPOOKY-2024!

[SOLVED] Review stars in two lines in CB User Profile.

  • octaviobh
  • octaviobh
  • OFFLINE
  • Posts: 17
  • Thanks: 0
  • Karma: 0
9 years 2 months ago - 9 years 2 months ago #269801 by octaviobh
Hi. As you can see below, I reported the misplaced stars in User Profile to JLexArt.com Review component support:

Review stars in two lines in CB User Profile.
Hi. Perhaps this could be solved in CB rather than in JLexReview, but I need some help anyway.
Please see the atached images, one sohowing the starts and the other some values I set in CB configuration User Profile colums layout.
Could you help me?. Thanks in advance.

Then they reply:

I don't make sure list parameters will affect to CB template, but I tried modifying but nothing .. :( . So, you can use this css bellow to stop break stars icon.
.cbPosCanvasMainRightDynamic .reviewStars {
zoom: 0.8;
-moz-transform: scale(0.8);
-moz-transform-origin: 0 0;
-o-transform: scale(0.8);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.8);
-webkit-transform-origin: 0 0;
transform: scale(0.8);
transform-origin: 0 0;
}

But as you can see in the attached images, to no result.

Could you help me?
Thanks in advance,
Octavio.
Attachments:
Last edit: 9 years 2 months ago by krileon.

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

  • krileon
  • krileon
  • ONLINE
  • Posts: 48472
  • Thanks: 8280
  • Karma: 1443
9 years 2 months ago #269811 by krileon
Replied by krileon on topic Review stars in two lines in CB User Profile.
There's not enough room for it to fit on 1 line in that position. You need to use smaller images. You can also try the below style on its container div, but it'll probably just overflow and look terrible.

white-space: nowrap;


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.

  • octaviobh
  • octaviobh
  • OFFLINE
  • Posts: 17
  • Thanks: 0
  • Karma: 0
9 years 2 months ago #269837 by octaviobh
Replied by octaviobh on topic Review stars in two lines in CB User Profile.
After add the "white-space: nowrap;" and insert the full:
.cbPosCanvasMainRightDynamic .reviewStars {
white-space: nowrap;
zoom: 0.9;
-moz-transform: scale(0.9);
-moz-transform-origin: 0 0;
-o-transform: scale(0.9);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.9);
-webkit-transform-origin: 0 0;
transform: scale(0.9);
transform-origin: 0 0;
}
In the CommBuilder Template.css file,
It is Solved!. Please see attached image.
Attachments:

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

Moderators: beatnantkrileon
Powered by Kunena Forum