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
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…"
"I'll send you my contact info."
Hello Ning Creators. I have been on Ning for the last 12 years migrating from Ning 2 > 3 a few…
OMG! AI does it all. Anything you want to light up your Ning site, just ask Google AI. That's what…
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; }