A while back I believe Bizz helped me out with some custom CSS code.
Here it is:
/*Fixes Groups size and fonts*/
.groupHub-group.matrix-itemFluid {max-width: 150px;}
.section-member-groups .groupHub-groupTitle > span {font-size:14px;}
.section-member-groups .groupHub-groupInfo > a{font-size:10px;}
.section-member-groups .groupHub-groupInfo{min-height: 2em;line-height: 2em;}
.section-member-groups .groupHub-groupTitleContainer {height: auto;min-height: 2em;}
.groupHub .matrix-media-1-1{background-size: contain;background-position: center top;}
.groupHub-group.matrix-itemFluid {max-width: 150px;}
.section-member-groups .groupHub-groupTitle > span {font-size:14px;}
.section-member-groups .groupHub-groupInfo > a{font-size:10px;}
.section-member-groups .groupHub-groupInfo{min-height: 2em;line-height: 2em;}
.section-member-groups .groupHub-groupTitleContainer {height: auto;min-height: 2em;}
.groupHub .matrix-media-1-1{background-size: contain;background-position: center top;}
.groupHub a.matrix-media-1-1{ background-color:transparent!important; box-shadow:none }
.groupHub-groupTitle { background-color:transparent }
.groupHub-groupInfo{ text-align:center }
.groupHub-groupTitle > span { color: inherit; }
.groupHub .matrix-media-1-1 {padding-bottom: 135%; box-shadow:none }
/** GROUPS LIST ON HOME PAGE CUSTOM LIST **/
.groupList ul {
list-style-type: none!important;
padding-left:0px;
}
Something has changed (in Ning, CSS, Windows?) and now the title block, which is supposed to be transparent, is now a grey box, and it woud be nice if the posistion of the text in the text box was below the picture (if that's even possible).
Any help will be appreciated.