Skip to Content Skip to Menu

Grid List layout: how to resize avatar images?

  • yogiman
  • yogiman
  • OFFLINE
  • Posts: 112
  • Thanks: 3
  • Karma: 0
8 years 10 months ago #286316 by yogiman
Grid List layout: how to resize avatar images? was created by yogiman
Hi :-)

i would like to have bigger images in my grid ...
now it looks like this here:



i would like the avatars to be much bigger

i tryed to edit image thumbs size in configuration and reload some images but nothing changed....
www.formazioneyoga.it
www.yoga-acrobatico.it
www.yogafirenze.it
Attachments:

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

  • krileon
  • krileon
  • ONLINE
  • Posts: 49447
  • Thanks: 8467
  • Karma: 1465
8 years 10 months ago #286335 by krileon
Replied by krileon on topic Grid List layout: how to resize avatar images?
The canvas display on userlist grid usage is CSS driven. You'll need to adjust the CSS to have larger canvas there. The below should work. change the 150px to whatever height you want.

Code:
.cb_template .cbUserListDiv.cbUserListLayoutGrid.cbUserListCanvas .cbUserListRowCol1, .cb_template .cbUserListDiv.cbUserListLayoutGrid.cbUserListCanvas .cbUserListRowCol1 .cbUserListFieldLine, .cb_template .cbUserListDiv.cbUserListLayoutGrid.cbUserListCanvas .cbUserListRowCol1 .cbUserListFieldLine > .cbListFieldCont.cbUserListFC_canvas, .cb_template .cbUserListDiv.cbUserListLayoutGrid.cbUserListCanvas .cbUserListRowCol1 .cbUserListFieldLine.cbUserListFL_canvas .cbImgCanvas { height: 150px; }

If you need any of the other elements re-positioned right click and inspect element on them to review their CSS.

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.

  • yogiman
  • yogiman
  • OFFLINE
  • Posts: 112
  • Thanks: 3
  • Karma: 0
8 years 10 months ago #286396 by yogiman
Replied by yogiman on topic Grid List layout: how to resize avatar images?
Thankyou, but i am trying to resize the user avatar and not the canvas... the css you provided is not having effect on the avatar size....
www.formazioneyoga.it
www.yoga-acrobatico.it
www.yogafirenze.it

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

  • krileon
  • krileon
  • ONLINE
  • Posts: 49447
  • Thanks: 8467
  • Karma: 1465
8 years 10 months ago #286412 by krileon
Replied by krileon on topic Grid List layout: how to resize avatar images?
It's the same concept for avatar. You need to change the CSS. Example as follows.

Code:
.cb_template .cbUserListDiv.cbUserListLayoutGrid.cbUserListCanvas .cbUserListRowCol1 .cbUserListFieldLine > .cbListFieldCont.cbUserListFC_avatar, .cb_template .cbUserListDiv.cbUserListLayoutGrid.cbUserListCanvas .cbUserListRowCol1 .cbUserListFieldLine > .cbListFieldCont.cbUserListFC_onlinestatus { height: 100px; width: 100px; } .cb_template .cbUserListDiv.cbUserListLayoutGrid.cbUserListCanvas .cbUserListRowCol1 .cbUserListFieldLine > .cbListFieldCont { padding-left: 115px; }

However you're probably going to have to change the canvas and avatar to have enough room otherwise you've just a couple pixels of space available.

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.

Moderators: beat, nant, krileon
Powered by Kunena Forum