Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
Tags:
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
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
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;}
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
Welcome to
JenSocial: Social Web Directory and Ning Tips
Posted by JenSocial on May 7, 2018 at 8:35pm 9 Comments 1 Favorite
Posted by JenSocial on January 6, 2017 at 4:00pm 10 Comments 1 Favorite
Posted by JenSocial on October 22, 2016 at 1:05am 0 Comments 0 Favorites
Posted by JenSocial on September 17, 2016 at 12:00am 26 Comments 1 Favorite
Posted by JenSocial on August 31, 2016 at 3:30pm 13 Comments 0 Favorites
Ning 3.0 Tip - Add Buttons/Links Below Status Update (Quick Links to Add Photos, Posts, Discussions)
Started by Ning.spruz.com in Ning 3.0 Feb 19. 0 Replies 0 Favorites
Started by Evelina in Ning 3.0 Aug 30, 2023. 0 Replies 0 Favorites
Started by Evelina in Ning 3.0 Aug 27, 2023. 0 Replies 0 Favorites
© 2024 Created by JenSocial. Powered by
© Copyright JenSocial.