JenSocial: Social Web Directory and Ning Tips
Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
How to change the width of the first 2 columns on your page
#xg_layout_column_1{
background-color: transparent;
background-image:url(URL);
background-repeat:repeat;
margin-bottom:0em;
border:0px outset #000000;
width:170px;
}
.xg_1col .xg_module_head {
background-color:transparent;
background-image:url();
background-repeat:repeat;
margin-bottom:0em;
border:0px dashed #000000;
height: 50px;
}
#xg_layout_column_2{
width:540px;
margin-left:1.5em;
}
As you can see, you can add different images also. Just pop this code in your advanced section, near the bottom so you can find it again. :)
Replies to This Discussion
-
Permalink Reply by JenSocial on
-
This is great code! A little caution: Please be aware, when you use this type customization, the display of your built-in Ning features like videos, photos, members, etc... can be affected - - but only in relation to layout. To give an example: if you have the video module in 2nd column, and you make the width of the 2nd column less than the default width, it will not be able to display the video icons in the grid, as it normally does.
My advice: use on test site first, then implement. HOWEVER, AND I WANT TO BE CLEAR ON THIS. I am not discouraging the use of this code. This is a great way to change the look of your site. And, I thank Rainbow Construction for adding it.
Best Regards,
Jen -
-
Permalink Reply by Magic Happens on -
L just paste this on the test site and l think l see no problems with it, so far and l hope not. lol Thank you, Very much for the code
-
Welcome to
JenSocial: Social Web Directory and Ning Tips
Latest VIP Ning Tips!
Hover Links for Preview
» shhhh, Huge Ning Designer Secret - - Insert Simple HTML at Top of List Pages: Blogs, Events, Forums, Groups, Photos, and Videos.
» Make Home Page Photo Module Stand Out
» Professional Splash Page Template (Landing Page) - Pro Accounts
» Beautiful Coda Content Slider for Ning Networks
» Move Group Pages Module To Top
Blog Posts
Hi Everyone!
Posted by JenSocial on May 7, 2018 at 8:35pm 9 Comments 1 Favorite
Message from Ning CEO - January 4, 2017
Posted by JenSocial on January 6, 2017 at 4:00pm 10 Comments 1 Favorite
New Ning 3.0 Feature! Add Slideshow to Photo Module
Posted by JenSocial on October 22, 2016 at 1:05am 0 Comments 0 Favorites
Good Riddance Mode Media! Exciting News About Ning + Cyndx LLC
Posted by JenSocial on September 17, 2016 at 12:00am 26 Comments 1 Favorite
Ning RAISING RATES for Ning 2.0 sites
Posted by JenSocial on August 31, 2016 at 3:30pm 13 Comments 0 Favorites
Latest Ning Tip
Ning 3.0 Tip - Add Buttons/Links Below Status Update (Quick Links to Add Photos, Posts, Discussions)
Discussion Forum
Mp3 player for Ning 3.0 - created by me
Started by Themes - Rosas Negras Mar 20, 2021. 0 Replies 0 Favorites
Add Member Account Box Links/Notifications to NingBar and Hide Account Box - - Saving Space Above Fold (Collaborative Efforts: Jen and Elson)
Started by JenSocial. Last reply by Kos Dec 6, 2016. 64 Replies 4 Favorites
Add Footer like Creators.ning.com (Great example of a JenSocial VIP Tip!)
Started by JenSocial. Last reply by JenSocial Jul 26, 2016. 41 Replies 1 Favorite
© 2024 Created by JenSocial.
Powered by
