Hi,

How do I change the group icon size on the group view and group list pages? I have gone through the forum and the manuel, but cant find anything on it. I have tried editing the template but nothing is working.

I have attached an image of the problem Im having. The images of the users in the list are bigger than the listing space.

Thanks
Richard

Did you change the sizes of the image dimensions in the Control Panel?

Try adding this to your skin.css

div.amsocial .memgrid .aslistrowitem {height:100px}

Change the value of the height until it looks correct.

Thank you for the feedback.

I have extremely limited programming skills, so I'm not 100% sure where to put this and how. I have found my skins CSS on the server, but I don't know where I should place this code. Nothing that I have tried is working.

Do I just place it anywhere by itself or do I have to put something before and after it?  I am literally going to need you to spell this one out for me. I know next to nothing about this.

Thank you!

This is my skin css:

BODY {
background:#fff;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:0px;
height:100%;
}

TH,TD,DIV { font-size:11px; color:#000; FONT-FAMILY:Tahoma,Arial,Helvetica}

#wrapper {
position:relative; height:258px
}
#logo {
z-index:3; position:absolute; left:25px; width:228px; top:25px; height:60px
}
#user {
z-index:3; position:absolute; right:8px; top:8px; height:18px; TEXT-ALIGN:right
}
#header {
z-index:2; position:absolute; width:100%; bottom:40px
}
#menu {
z-index:1; position:absolute; background:transparent; width:auto; bottom:0px; height:54px
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.lt{ text-align:left;vertical-align:top; }
.rt{ text-align:right;vertical-align:top; }
.lb{ text-align:left; vertical-align:bottom;}
.rb{ text-align:right; vertical-align:bottom;}
.cm{ text-align:center; vertical-align:middle;}
.ct{ text-align:center; vertical-align:top;}
.cb{ text-align:center; vertical-align:bottom;}
.rm{ text-align:right; vertical-align:middle;}
.lm{ text-align:left; vertical-align:middle;}

.bg-x{ background-repeat:repeat-x;}
.bg-y{ background-repeat:repeat-y;}
.bg-no{ background-repeat:no-repeat;}

.bg-p-lt{ background-position: left top;}
.bg-p-rt{ background-position: right top;}
.bg-p-lb{ background-position: left bottom;}
.bg-p-rb{ background-position: right bottom;}

.panecss{padding:0px;}

/*--------------------------------------------------------------------------------------------------------------------------*/

/* Title, Module Title */
.Head {font-size:11px; color:#000000; font-weight:bold}
.SubHead {font-size:11px; color:#000}
.SubSubHead {font-size:11px; color:#000}
.Normal {font-size:11px; color:#000}

.CommandButton,
A.CommandButton:link,
A.CommandButton:visited,
A.CommandButton:active {font-weight:normal; font-size:11px;color:#000; TEXT-DECORATION:underline}
A.CommandButton:hover {font-weight:normal; font-size:11px;color:#EB6100; TEXT-DECORATION:none}

A,
A:link,
A:visited,
A:active {font-weight:normal; font-size:11px;color:#6A9400; TEXT-DECORATION:none}
A:hover {font-weight:normal; font-size:11px;color:#EB6100; TEXT-DECORATION:underline}

.topcss,
A.topcss:link,
A.topcss:active,
A.topcss:visited {font-weight:normal; font-size:11px; color:#6A9400; TEXT-DECORATION:none}
A.topcss:hover {font-weight:normal; font-size:11px; color:#EB6100; TEXT-DECORATION:underline}

.usercss,
A.usercss:link,
A.usercss:active,
A.usercss:visited {font-weight:normal; font-size:11px; color:#6A9400; TEXT-DECORATION:none;}
A.usercss:hover {font-weight:normal; font-size:11px; color:#EB6100; TEXT-DECORATION:underline;}


.searchcss,
A.searchcss:link,
A.searchcss:active,
A.searchcss:visited {font-weight:normal; font-size:11px; color:#6A9400; TEXT-DECORATION:none}
A.searchcss:hover {font-weight:normal; font-size:11px; color:#EB6100; TEXT-DECORATION:underline}

.links,
A.links:link,
A.links:active,
A.links:visited {font-weight:bold; font-size:11px; color:#6A9400; TEXT-DECORATION:none}
A.links:hover {font-weight:bold; font-size:11px; color:#EB6100; TEXT-DECORATION:underline}

.bottomcss,
A.bottomcss:link,
A.bottomcss:active,
A.bottomcss:visited {font-weight:normal; font-size:11px; color:#6A9400; TEXT-DECORATION:none}
A.bottomcss:hover {font-weight:normal; font-size:11px; color:#EB6100; TEXT-DECORATION:underline}

/*--------------------------------------------------------------------------------------------------------------------------*/

/*-------------------- Horizontal -----------------------*/
.MainMenu_MenuItemSel
{
BACKGROUND: transparent;
}

.MainMenu_MenuContainer {
background-color: Transparent;
}
.MainMenu_MenuBar {
}
.MainMenu_MenuIcon {
display:none;
}
/*??????*/
.MainMenu_TabRootMenuItem TD {
font-size: 12px;
font-weight: bold;
color: #486A00;
height: 82px;
text-align: center;
padding-left: 13px;
padding-right: 13px;
padding-top:45px;
background:url(images/menu-2.jpg) left bottom repeat-x;
*height:81px;
}

.MainMenu_TabRootMenuItemSel TD {
font-size: 12px;
font-weight: bold;
color: #EB6100;
height: 82px;
text-align: center;
padding-left: 13px;
padding-right: 13px;
text-decoration:underline;
padding-top:45px;
background:url(images/menu-1.jpg) left bottom repeat-x;
*height:81px;
}

.MainMenu_TabMenuItemHover TD {
font-size: 12px;
font-weight: bold;
color: #EB6100;
height: 82px;
text-align: center;
text-decoration:underline;
padding-left: 13px;
padding-right: 13px;
padding-top:45px;
background:url(images/menu-1.jpg) left bottom repeat-x;
*height:81px;
}
.MainMenu_TabMenuItemSelHover TD
{
font-size: 12px;
font-weight: bold;
color: #EB6100;
height: 82px;
text-align: center;
padding-left: 13px;
padding-right: 13px;
padding-top:45px;
text-decoration:underline;
background:url(images/menu-1.jpg) left bottom repeat-x;
*height:81px;
}
/*???????*/
.MainMenu_MenuItem {
font-size: 11px;
font-weight: normal;
color: #000;
border: 0px;
padding: 0px 15px 0px 10px;
height: 20px;
cursor: pointer;
cursor: hand;
}

.submenu {
background: #dff3ac;
border: transparent;
margin:0px 0px 0px 0px;
filter:alpha(opacity=90);-moz-opacity:0.9;
z-index: 1000;
}

.submenuitemselected, .submenuitembreadcrumb {
background: #b9e339;
font-size: 11px;
font-weight: normal;
color: #000;
padding: 0px 15px 0px 10px;
cursor: pointer;
cursor: hand;
border: 0px;
height: 20px;
}


.MainMenu_MenuBreak {
border: transparent 0px solid;
background-color: transparent;
height: 0px;
}

.MainMenu_MenuArrow {
DISPLAY: none
}

.MainMenu_RootMenuArrow {
DISPLAY:none;
}

.Eventday,.Eventweekenday{ background-color: #FFFFFF}
.Eventday,.Eventweekenday{ background-color: #FFFFFF}
.DataGrid_Item{ background-color: transparent; color:#FFFFFF; }
.DataGrid_AlternatingItem{ background-color: transparent;color:#FFFFFF;}

/* Pane Structure */
.leftpane {padding:0px 10px 0px 0px}
.rightpane {padding:0px 0px 0px 10px}
.toppane {padding:0px 0px 3px 0px}
.bottompane {padding:3px 0px 0px 0px}
.contentpane {padding:0px 0px 0px 0px}
.myleftpane {padding:0px 0px 0px 0px}
.mycontentpane {padding:0px 0px 0px 0px}
.myrightpane {padding:0px 0px 0px 0px}
.mybottompane {padding:0px 0px 0px 0px}
.logopane {padding:0px 0px 0px 0px}
.showcasepane {padding:0px 0px 0px 0px}
.bannerpane {padding:0px 0px 0px 0px}
.vspacepane {padding:5px 0px 5px 0px}
.hspacepane {padding:0px 5px 0px 5px}
.allspacepane {padding:5px 5px 5px 5px}

.test{
background-color:#33FF33;
filter: Alpha(Opacity=25);
}

I managed to fix it. Something was overwriting the CSS.

What syntax would I use to change the Group logo size in the skin CSS?

div.groupview div.asimagewrap div.aspicture img {height:100px; width:120px;}