Does any know who to increase the depth of the group header space? I'd like to make it deeper id possible.
You need to be a member of Ning Creators Social Network to add comments!
Current status of the Ning Platform is always available on the Ning Status Blog.
Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)
Replies
Fluid group Header img
The best size for the image to keep it high quality is
1000 x 200 px
/*! Design studio CSS section */
BODY.page-groups DIV.banner-header.groupHeader.groupHeader-coverPhoto,
BODY.page-group DIV.banner-header.groupHeader.groupHeader-coverPhoto {
background-size: 100% 100%!important;
padding-bottom: 20%!important;
height: 0!important; }
@media screen and (max-width:687px) {
BODY.page-groups DIV.groupHeader-image,
BODY.page-group DIV.groupHeader-image{
display:none!important; }
BODY.page-groups DIV.banner-box,
BODY.page-groups DIV.banner-box.banner-overlay,
BODY.page-group DIV.banner-box,
BODY.page-group DIV.banner-box.banner-overlay{
text-align: left; }}
@media screen and (max-width:482px) {
BODY.page-groups DIV.banner-box.banner-overlay,
BODY.page-group DIV.banner-box.banner-overlay{
padding: 0px!important;
padding-bottom: 15%!important; } }
@media screen and (min-width:687px) {
BODY.page-groups DIV.banner-frame,
BODY.page-group DIV.banner-frame {
max-width: 1100px!important;
left:0px!important;
right:0px!important;
margin-left:auto!important;
margin-right:auto!important; } }
or just set the height
BODY.page-group DIV.banner-header.groupHeader.groupHeader-coverPhoto {
height: 200px !important; }