Latest Activity Container

I already accomplished widening members,
now I need to resize the latest activity to the
left. Already resized the other modules and
put listings where I wanted it, I need the code
for latest activity

/* Activity Container */
.xg_widget_main .module_activity .xg_module_head{
width: 220px;
}
.xg_widget_main .xg_module.module_activity{
width: 250px;
float: left
!important;
margin-right: 10px;
}
.xg_widget_main .module_activity .xg_module_body{
width: 220px;
}

This does nothing and I'm not sure if it's even right
alli did was take this code and replace where ever it said blog
with what ever I was trying to resize and it work all except for
rss and activity. I don't care about the rss I just want the proper code
for latest activity container. If the latest activity can fit in the right column and the middle the I'm
sure it can be resized and positioned like the rest of te
containers I resized, I believe this is a simple fix just need help,
and put a ticket in with Ning and they said it couldn't be done but it did it so there
support sucks. 

/* Blog Container */
.xg_widget_main .module_blog .xg_module_head{
width: 250px;
}
.xg_widget_main .xg_module.module_blog{
width: 250px;
float: left
!important;
margin-right: 20px;
}
.xg_widget_main .module_blog .xg_module_body{
width: 250px;
}


Please go to my test site and get a visual of what I mean
http://doitbig.ning.com/

Views: 35

▶ Reply to This

Replies to This Discussion

Permalink Reply by JenSocial on July 2, 2011 at 2:36pm

No, sorry it's not a simple fix. I have all kinds of code to make my latest activity fill 2 columns. Not even sure I can pull it all together for you. And it depends on your layout. I'll take a look.

Best,

Jen

Permalink Reply by JenSocial on July 2, 2011 at 2:38pm

Oh, I can't help. I looked at your site, and you already have LA in wide column on left, which is the equivalent of my coding on the old Editor.

Good luck,

Jen

Permalink Reply by Seigneur Haute on July 2, 2011 at 4:58pm
No its in the middle on two colimn layout. How do I shrink it to the left
what's the proper container name etc. I arealdy have
the two column layout I just want to shrink it to the left
as if it were in the left column. I have the left column still
LA is in middle column I just put 2column layout with code
not dashboard theme.
Permalink Reply by JenSocial on July 2, 2011 at 5:46pm
You probably should have gone with 3 column layout. I promise you, you will see some odd stuff in the future.
Permalink Reply by The Dusk Spot on July 2, 2011 at 5:54pm
Im using a 2 column layout but it seems to look fine with what I did. Afraid now :(
Permalink Reply by JenSocial on July 2, 2011 at 5:57pm

I advise not going this route, just based on my experience with Ning sites.

 

Below is the CSS I could locate in all of my CSS, that widens the LA on JenSocial, so you'll have the classes. Here's the thing, I'm adding 2 extra lines of code I found for adjusting other elements, so you see how deep this can get. The first 2 lines, and the last lines.  Also, if these classes do not work for you, you have an error in your CSS. If you do, try adding test CSS to top of Advanced CSS. This is a strong indicator that there is an error somewhere in your code.

 

Another reason I advise not going this route, it's a unique customization. For example, few ning sites could grab the following code and use it.  The modules must be located in a certain place, other modules pushed down, etc... It can truly be unique to each case.

 

Good luck,

Jen

 

/* Adjust width between all home page modules, using margin-bottom */
.xg_widget_main .xg_module {margin-bottom:25px;}
.xg_widget_main .xg_module_activity {margin-bottom: 5px !important;}

/** Widen Latest Activity Home Page Modules **/
.xg_widget_main .xg_module_activity .xg_module_body {width:738px!important; height:905px; overflow:auto; position:inherit;}
.xg_widget_main .xg_module_activity .xg_module_head {width:738px!important;}
.xg_widget_main .xg_module_activity span.feed-timestamp {height:20px;left:640px;position:absolute;text-align:right;top:6px;width:80px;color:#003366!important;}
.xg_widget_main div.xg_module_activity img {width:32px; height:32px;}
.xg_widget_main .xg_2col .feed-story {min-height:34px!important; padding:1px 0 1px 42px!important;}
.xg_widget_main .xg_module_activity .xg_module_body .rich-64 .rich-detail {background-color:#e8fdcf; margin-left:40px;border:1px solid #E6E6E6;}
/** End Widen Forum Home Page Modules **/



/* Adjust Column that is pushed down by Latest Activity - pull up */
.xg_widget_main_index_index .xg_3col .xg_1col {
    margin-top: 991px;}

Permalink Reply by Seigneur Haute on July 3, 2011 at 6:14pm
Well the only things is that rss feed thingy in LA doesnt move or resize with the rest of
LA, how do I fix? What part of the code you gave me is related to that?
I tried resizing the feed time stamp etc nothing happens.
Im thinking I need to add rss an resize that, need the code for rss feed then I will resize
the rss thing in LA, not sure look at my test site see what I mean.http://doitbig.ning.com/
Permalink Reply by JenSocial on July 4, 2011 at 6:31pm

Sorry, I've helped all I can on your customization. It takes time, and you will continue to have a snowball effect.

Best of luck with this. It is a great way to learn Ning CSS, no doubt.

Jen

Permalink Reply by Seigneur Haute on July 2, 2011 at 5:04pm
Yeah but how too resize latest activity is what I'm talking about
I have it in the middle column with two column layout, i resized to float left
Groups,events,blogs,forum,birthdays video,photos. Now how do resize latest activity?
none of these are in the left hand column they are all in
the middle and have been resized. I just want the code for latest activties container name, header
and body so I can tweek it. If you can put latest activity in the
left column I pretty sure you can put it in the middle with two column
layout and resize it to the left like I did to the others.
Permalink Reply by The Dusk Spot on July 2, 2011 at 3:29pm
Alright I resized the blog and forums on my site and wondering how do they go side by side like you are talking about?
Permalink Reply by The Dusk Spot on July 2, 2011 at 4:00pm
Disregard message lol!
Permalink Reply by Seigneur Haute on July 2, 2011 at 5:01pm
Yeah but how too resize latest activity is what I'm talking about
I have it in the middle column with two column layout, i resized to float left
Groups,events,blogs,forum,birthdays video,photos. Now how do resize latest activity?
none of these are in the left hand column they are all in
the middle and have been resized. I just want the code for latest activties container name, header
and body so I can tweek it. If you can put latest activity in the
left column I pretty sure you can put it in the middle with two column
layout and resize it to the left like I did to the others.

RSS

© 2013   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips