JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

Increase width of the main page

I want increase the width of my home page can you let me know how can i do this, I am using 3.0 version.

I have attached the snapshot the size i want for my network.

Thanks in advance,

Enrrico.

0 members favorited this

Attachments:

layout-snapshot.jpg, 353 KB

▶ Reply to This

Replies to This Discussion

Permalink Reply by JenSocial on May 22, 2013 at 4:41pm

Enrrico,

Sorry, I can't help you with widths. I would not have looked into this because Ning 3.0 is built on a responsive grid. If you change the width from 960 to larger, you will completely break your responsive design grid (adjusts site width based on device, like desktop, tablet, to mobile).

Best Regards,

Jen

▶ Reply

Permalink Reply by Enrrico Torres on May 23, 2013 at 10:32am

okay thanks for the reply.

Regards, Enrrico

▶ Reply

Permalink Reply by solo on June 25, 2013 at 5:57pm

try this script.................

/* MAIN PAGE LAYOUT HACK 3.0 by Bernard Lama*/
.pull8 {
left: 0px;
}
.push4 {
left: 0px;
}
.container {
width: 1202px;
margin-top: 10px;
}
.span8 {
width: 507px;
}
.span4 {
width: 352px;
}
.span5 {
width: 400px;
}
.span11 {
width: 812px;
}
.span6 {
width: 400px;
}
.span10 {
width: 812px;
}
.span16 {
width: 960px;
margin-left: 120px;
}
.span-auto, .span, .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12, .span13, .span14, .span15, .span16, .span-full {
padding: 5px;
}

▶ Reply

Permalink Reply by JenSocial on June 27, 2013 at 2:03am

This hack is a nightmare, and would completely break the responsive design. Therefore, your site will be displayed horribly on any device outside of a desktop.

But, some folks may be okay with that, who knows?

And, there is a way to accomplish both. I'll give it some thought.

Best,

Jen