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
"on my site I had all the codes give me time and I will find you what you need"
If you need to build a complete Ning site, I'm available. My references can be found…
"Hey Pam,
Emojis are now part of Windows, Mac, mobile devices and other OS
like this: 😎👌🏻 💯
…"
Emojis are now part of Windows, Mac, mobile devices and other OS
like this: 😎👌🏻 💯
…"
Does anyone have a code for emoji's, seems we are in need of thatIf you do please also tell me…
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; }