Current status of the Ning Platform is always available on the Ning Status Blog.

NC for Hire

I've been creating topics pages inside my community and if you are doing something similar, having a different Hero style header (example). In brief, topics pages aggregates photos by tag or category, discussions by tag or category,videos by tag or category, etc.

hero image tip for Ning communities

Embedded here is the pen for you to fork and play around with for your community, but i will save you some time if you wanna try it out.

See the Pen Hero Section with Text Overlay by JFarrow (@JFarrow) on CodePen.

The time saver. Simply copy and paste the following code into a notepad to alter it before installing it. Replace the underlined image URL with your own image URL and change the text for title and subtitle.

<style>.hero {
background: linear-gradient(#0006, #0006), url(https://storage.ning.com/topology/rest/1.0/file/get/3822778870?profile=RESIZE_1200x);

background-position: bottom;
background-size: cover;
background-repeat: no-repeat;
height: 70vh;
/* background-color: #eee; */
display: flex;
justify-content: center;
align-items: center;
}

.hero-inner {

/* text-align: center; */
padding: 0 1.5rem;
}

.hero-headline {
margin: 0;
color: #fff;
font-weight: 400;
}

h2 {
margin: 0;
color: #fff;
font-weight: 400;
font-size: 1.2rem;
}


</style>
<header class="hero">


<div class="hero-inner">

<h1 style="font-size:2em;"class="hero-headline">Your  Title</h1>
<h2>A curated collection of blah blah blah.</h2>

</div>

</header>

 

 

Once you have it the way you want it, simply copy and paste it inside a Below Header HTML module like so:

3822790979?profile=RESIZE_710x

 

If you have trouble, let me know.  If you need help with your community, let me know.  Happy to help.

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –
 

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

Suzie Nielsen is now friends with Bizz and Rosas † Negras
5 hours ago
snow wolf aka lisa adams updated their profile
9 hours ago
Katherine Virginia Johnston updated their profile
21 hours ago
Rosas † Negras replied to Suzie Nielsen's discussion
Make me love Ning 3.0
"you are welcome ... any question, as you can see, we are all ready to help you"
yesterday
Scott Bishop replied to Scott Bishop's discussion
Photo Slideshow Embed for N2
"This is great but you lost me at <script>, lol. 
Are you for hire or can you recommend someone? 
Th…"
yesterday
Cindy Dean Mccoy posted a discussion
 Did anyone else do the "Thank you for your loyalty" survey and never hear back from the manager ab…
yesterday
Bizz replied to Suzie Nielsen's discussion
Make me love Ning 3.0
"Hi Suzie
First off I would say don't worry about all the SEO stuff as you have a good member base a…"
yesterday
Suzie Nielsen replied to Suzie Nielsen's discussion
Make me love Ning 3.0
"Thank you! Nice site!
 "
yesterday
Alex Ning Support replied to David Shaw's discussion
Unexpected $4.50 NING Application Fee
"Hello David,
It's true, we take a 5% fee of each transaction, plus Stripe or PayPal takes their fee…"
yesterday
Alex Ning Support replied to Anastasia_Ning_Support's discussion
Activity feed update
"Hello Kinga,
Would you mind specifying what you mean by 'The Discussion group changes'?
If you mean…"
yesterday
Florian Ehrlichmann, First Visit Of Ecom, Zacchary and 12 more joined Ning Creators Social Network
yesterday
Rosas † Negras replied to Suzie Nielsen's discussion
Make me love Ning 3.0
"Ning 3.0"
yesterday
More…

Meanwhile, you can check our social media channels