Replies to This Discussion

Permalink Reply by JenSocial on February 25, 2013 at 11:11am

I've had this problem before, no unique selector. In Firebug it appears you hit it, but add a p tag at end. However, removes all of the description. It will take jquery. I think I wrote this for someone. I'll try to find it later.

BTW, your site is looking over-the-top, awesome! Did you design the overall look? I love your social stream pinboard. I just found it the other day for a Client.

Best,

Jen

• ▶ Reply

Permalink Reply by JenSocial on February 25, 2013 at 12:23pm

I have looked and looked, and can't find it. And, since I can't capture unique text, I can't figure out the jQuery. If anyone would know how, it would be TJ of http://jqueryhelp.ning.com/

Best,

Jen

• ▶ Reply

Permalink Reply by JenSocial on February 25, 2013 at 12:34pm

Wow! Truly one of the best designed sites I've seen on the platform. Awesome job!

Thanks, definitely makes me smile to think JenSocial had even a tiny bit to do with your progress.

Best,

Jen

• ▶ Reply

Permalink Reply by Andrew Sampson on February 26, 2013 at 8:01am

Completely distracted me!

Wanted to find an answer to this question too. Ended up looking at the Hat Academy site as well!
Truly awesome!
Front page is amazing! Is it built of text boxes or what?

Anyway back to topic!
Have joined the Jquery group and if I find an answer will post it here

A

• ▶ Reply

Permalink Reply by JenSocial on February 26, 2013 at 11:02pm

Hi Andrew,

The pinboard like pinterest is an iframe of an HTML file, in a text box. There are many files being called with this HTML and it's CSS files. The code can be purchased here:

jQuery Social Stream Like Pinterest - Social Network Wall

The trick is: you'll need a server to host the files. There are just too many relative paths and files to try and upload via the nightmare Ning API. This is why Hat Academy is pulling in HTML via the iframe, and I completely agree.

Best,

Jen

• ▶ Reply

Permalink Reply by Andrew Sampson on February 27, 2013 at 5:00am

Thanks Jen

Very clever stuff!

• ▶ Reply

Permalink Reply by Andrew Sampson on February 26, 2013 at 8:11am

Jen
Can u explain 'since I can't capture unique text'

A

• ▶ Reply

Permalink Reply by JenSocial on February 26, 2013 at 10:57pm

There is not a unique CSS selector to remove this text. If you remove Category, Members, Latest Activity - - it removes the Group description. At least, that was my experience, and I can usually capture anything in CSS. It did appear just those fields were contained within the p tag, but they are not. I could have made a mistake, but don't think so. And, we could probably remove the titles of the 3 with jQuery, by literally searching for the words: Category, Members, etc...but I don't see a way to remove the content after the title. TJ may know a way.

Best,

Jen

• ▶ Reply

Permalink Reply by Fire-Tech on February 26, 2013 at 10:32pm

Are you trying to hide the information in the list of groups...or in the groups main page?

• ▶ Reply

Permalink Reply by Andrew Sampson on February 27, 2013 at 5:01am

On the groups main page - hopefully!

• ▶ Reply

Permalink Reply by Fire-Tech on February 27, 2013 at 7:49pm

Like Jen said, you may need to do it with Jquery because it's not unique, but I hide parts of mine in my groups used as directories so they don't look like groups. If you call a remote style sheet from the groups text box, you can override the default CSS. Here's Jens tip on how to do it (just do the same thing in the group).

Here's a couple things you may find handy to put in your remote file. Just make sure you don't hide the module header for the text box or you won't be able to access the remote file and will have to have Ning pull it out. I learned the hard way :)

/* Hide Info & Icon */
.xg_column .xg_module_with_dialog{display:none!important;margin-top:-112px!important}

.xg_headline, #xg_module_account.xg_module,#xg_sitedesc,#xg_sitename{
display: none !important;
}
ul.navigation.easyclear {display: none !important;margin-top: -10px!important;}

/* Hide Groups Pages Module */
.xg_module.module_page{display:none}

#comments dt {margin-top:8px!important;}

dl.comment {
margin-bottom:4px!important;
border-style:groove;
border-width:1.5px;
border-color:#c5c5d1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
opacity: 1;
/*Glow*/
-webkit-box-shadow: 0 0 15px rgba(255,255,255,0.6);
-moz-box-shadow: 0 0 15px rgba(255,255,255,0.6);
box-shadow: 0 0 15px rgba(255,255,255,0.6);}

/* Scroll Group Forum */
.xg_module.module_forum .xg_module_body{height: 500px;overflow : auto;position:relative;}

/* Raise the Nav Bar */
.xg_theme #xg_navigation {margin-top: 60px!important;}

You get the idea.... Hope that helps.

• ▶ Reply

Permalink Reply by Andrew Sampson on February 28, 2013 at 3:10pm

Hi there

I just got this from JqueryHelp

/* Hide first paragraph of Group Details - Website, Location, Member count, Last Activity */

div.group_details > p:nth-child(2) { display: none; }

Works perfectly! Its not JS just plain CSS

Thanks Jen for the intro to TJ - he is awesome!

A

• ▶ Reply

• ‹ Previous
• 1
• 2
• Next ›
• Page