Ning 3.0 Tip: How to highlight Content in a text/html box ?

[Bernard Lama]

Follow us on facebook https://www.facebook.com/ningtips

Hi NCs,

This is very easy CSS  and HTML combination to help make your feature content stand out. The point is: Make one special content stand out from the rest. To do this, please following the simply steps below.

Step 1: Copy and paste the following CSS code into Custom CSS via Design Studio. You can change the font size, font color, font style etc. suit to your preferences. If the image link is broken then you can download it from the below attached file.

text_bg.png

CSS

.section-html{
background-image: url('https://storage.ning.com/topology/rest/1.0/file/get/963872951?profile=original');
background-repeat: repeat-x;
}
.top_line {
color: #C83939;
text-transform: none;
font-size: 18px;
font-style: normal;
font-family: oswald;
}
.mid_line {
font-family: "Georgia", "serif";
font-size: 14px;
font-weight: bold;
}
.main_line {
font-family: "Georgia", "serif";
color: #e77808;
margin-top: -15px;
}

Step 2: Use the following html code in TEXT/HTML box anywhere within your network.

HTML

<div class="top_line">HEADLINE GOES HERE</div>
<p></p>
<div class="mid_line">SUB HEADLINE GOES HERE</div>
<p></p>
<div class="main_line">MAIN CONTENT GOES HERE</div>
<p></p>
<div class="mid_line">SUB HEADLINE GOES HERE</div>
<p></p>
<div class="main_line">MAIN CONTENT GOES HERE</div>
<p></p>
<div class="mid_line">SUB HEADLINE GOES HERE</div>
<p></p>
<div class="main_line">MAIN CONTENT GOES HERE</div>
<p></p>

Preview: Live Preview: Click here

Note :Contact me for ning re-designing and other ning personal help services @ [e-mail]