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!
This reply was deleted.
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 :-)
Latest Activity
We've upgraded the way your network's favicon works — the small icon that appears in browser tabs…
"yes we are... i built a new platform to import into let me know if you wanna try - TJ @…"
"YOU ARE WELCOME
"
"
"and more broken stuff.....no one seems to care......"
"Great article and very accurate! Nice to see you're still here!
"
"
"😀👍I started here in like 2009 doing emojis for Ning sites. But now, the common emojis are in…"
Been fighting migration issues since we moved to 3 months ago....we literally have hundred of links…
"My personal thought.....had Ning 2 site (NavyDads) for quite a few years....the transition has NOT…"
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; }