Skip to Content Skip to Menu

Changes in canvas and avatar photo

  • GertK77
  • GertK77
  • OFFLINE
  • Posts: 7
  • Thanks: 0
  • Karma: 0
3 years 10 months ago #322778 by GertK77
Changes in canvas and avatar photo was created by GertK77
Hi,

I have some questions I hope you can help me answer.

On the Members List page I would like to do some changes in the profile boxes:

1.
I want to move the avatar image on the below photo to the right side of the box so its "in line" with the canvas image

Where and how to do that?

2.
Is it possible to do the below changes if it os, then how do I do it?
A: I want to make the avatar photo bigger
b: I want to make the canvas image bigger in the heights

The above changes must only be on the Members List page.

Hope you can advice :)

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

  • krileon
  • krileon
  • ONLINE
  • Posts: 48547
  • Thanks: 8290
  • Karma: 1445
3 years 10 months ago #322795 by krileon
Replied by krileon on topic Changes in canvas and avatar photo

I want to move the avatar image on the below photo to the right side of the box so its "in line" with the canvas image

The canvas boxes are not designed for that. You can try to move it using CSS, but there isn't really much option for moving it.

A: I want to make the avatar photo bigger
b: I want to make the canvas image bigger in the heights

The width is based off the column size of your first column within your userlist. Try setting it to 6 for example to have 2 canvas blocks per row. As for the height that can be adjusted with CSS. You can use the below CSS override feature built into CB to add custom CSS to CB.

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

Example as follows.

Code:
.cb_template .cbCanvasLayout.cbCanvasLayoutSm .cbCanvasLayoutTop { min-height: 300px; }

The above would make the canvas background 300px tall and the below would adjust the avatar image.

Code:
.cb_template .cbCanvasLayout.cbCanvasLayoutSm .cbCanvasLayoutTop + .cbCanvasLayoutBottom .cbCanvasLayoutPhoto .cbImgPict { max-height: 200px; }


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: beatnantkrileon
Powered by Kunena Forum