Hi all NCs,

This time, I'm gonna show you a small tip but could be effective. 

There is a continue link  at the bottom of every forum. That continue link is so boring and doesn't look good. That's why I wanted to customize it.

You may want to subscribe to my Pvt. Help Subscription or contact me for  Ning Re-desing at bernardmax2@gmail.com

Instruction for implementation:

Step 1: go to language editor and search Continue and change it to READ MORE and save it.

Step 2: Go to My Network>Settings>Appearance>Advanced>copy and paste this code into it and hit publish button.

The Code

.module_forum a:hover{
text-decoration: underline!important;
}

.xj_expandable,.xj_expandable.continue-link {
background-color: #D14836;
background-image: -webkit-linear-gradient(top,#DD4B39,#D14836);
background-image: -moz-linear-gradient(top,#DD4B39,#D14836);
background-image: -ms-linear-gradient(top,#DD4B39,#D14836);
background-image: -o-linear-gradient(top,#DD4B39,#D14836);
background-image: linear-gradient(top,#DD4B39,#D14836);
color: #fff!important;
width: 65px;
padding: 5px;
margin-top: 5px;
font-size: 10px;
font-weight: bold!important;
border-radius: 3px;
}

 

Live Preview: Click here


Example:

Tags: Personalize, Tip, forum, module, your

Views: 1214

Reply to This

Replies to This Discussion

Hi Rich,

Use this code:

.xg_widget_main_index_index .module_forum .topic > h3 {
font-size: 18px;
}

Thanks dude. Well, I don't deserve it. I have to work hard for it.

Very Kul! Thanks.

Warmly,

Susan

WOW, CLEAN!

Thank you!

I don't seem to be getting the little arrow next to each person's avatar. :c

My site: http://www.opensourcereligion.net/

That's the another code. Please check here

Oh ok, very cool. Do you have a site that you keep all these tricks on? I couldn't find one in your profile.

Generally, I update my tips here

Hi Bernard, I just notice that i'm not seeing the underline in Blogs ? any help i would appreciate :-)

Hi Dave,

This tip is for forum not for blog.

Hi Bernard , It's a great tip, I have the Read More showing up in the Blogs as well ? thats why i asked :-)

Thanks Dave,

Try this code 

.module_blog .vcard:nth-child(even){
border-bottom: solid 1px #D6D3D6;
}

RSS

Latest Activity

Riccardo Rossini replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Subtables overlap the menù.."
30 minutes ago
Indrie Florin Gabriel replied to Indrie Florin Gabriel's discussion 'Buton More Disapears'
"It's works, Thank you Bernard!"
42 minutes ago
Melinda Orr replied to JFarrow's discussion 'Ning Emails Going to Spam?'
"Thanks Chris...will contact support to see the latest :)  "
1 hour ago
sho allan replied to Alex's discussion 'More styling in the Design Studio'
"nice job!!!"
2 hours ago
Fire-Tech replied to Alex's discussion 'More styling in the Design Studio'
"Good job! I would suggest a check box to move the ningbar to the bottom of the page when…"
8 hours ago
Allison Leahy replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"Hi Peggy! Sorry for the slow response here. The designers used Eagle for the headlines and Gotham…"
9 hours ago
Liliana Parra replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"Mine is here... Disaster Risk Management (Spanish) http://gestiondelriesgo.ning.com/"
9 hours ago
Allison Leahy replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Absolutely! Thanks for bringing it to my attention, and for your patience as always."
9 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service