Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

NC for Hire

Hello again,

Here's another tip for you NCs/admins and specifically for bloggers/writers, making your blog pages full width! I recall that this has been requested a while back by some NCs so why not give it a shot.

The solution below looks tricky but it is quite simple. By manipulating and copying 'key' style classes to your full width Page layout format, we can achieve the same full width layout with the blog pages using Javascript and jQuery. So below we do the trick by adding and removing classes.

Layout A1 and A4

  1
 x$(".xg_widget_profiles_blog_show .xg_last").remove();
  2
 x$(".xg_widget_profiles_blog_show .xg_span-16").addClass("xg_span-21");
  3
 x$(".xg_widget_profiles_blog_show .xg_span-16").removeClass("xg_span-16");

 

Layout B1 and B4

  1
 x$(".xg_widget_profiles_blog_show .xg_last").remove();
  2
 x$(".xg_widget_profiles_blog_show .xg_span-14").addClass("xg_span-21");
  3
 x$(".xg_widget_profiles_blog_show .xg_span-14").removeClass("xg_span-14");

 

Layout B2 and B3

  1
 x$(".xg_widget_profiles_blog_show .xg_span-7").remove();
  2
 x$(".xg_widget_profiles_blog_show .xg_span-14").addClass("xg_span-21");
  3
 x$(".xg_widget_profiles_blog_show .xg_span-14").removeClass("xg_span-14");

 

This tip is for the commonly used Design Studio. Code tested working on our test network (screencap below).

 


Example: Static Page here

Installation: Copy the code line by line, make sure to enclose it with the <script>tags or just download the attachment codes below and paste it to your custom code box.

Hope you'll find it useful.

 

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

  • Beautiful
    Thank you
    Possible to see an example of direct?

    • NC for Hire

      I see you got my link. good day my friend--

  • Awesome! Thanks Ron, it works beautifully!

    • NC for Hire

      You're welcome Patrick, glad you like it.

  • I have been trying to get this to work, and it's not working for me. I am using the B1 format. What could I be possible doing wrong? I ensured the code is wrapped in the script tags.

    • NC for Hire

      Hi there, not sure what's wrong but I think there might be some conflicting code on your part.

  • Do you have the code for B2/B3?

    • NC for Hire

      Hi Ceddy J, not yet this is just for the right side column layouts. will post when I get a chance..

    • NC for Hire

      Ceddy J, For a follow-up on the B2/B3 code, use the B1/B4 code I posted above and replace .xg_last with .xg_span-7

      Let me know if that works.

  • This looks great. Can't wait to try.

This reply was deleted.

Announcements

 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Rodney Redman updated their profile
3 hours ago
Rachella Sinclair replied to Brandyn Shepherd's discussion
NING - Mobile App!
"I seriously need this!!! Will most likely leave Ning if they don't get their act together on this f…"
yesterday
Rachella Sinclair replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"Any chance of getting a mobile app anytime soon? I've got heavy competition and they're all app-bas…"
yesterday
Fernando Bisbal posted discussions
yesterday
Anam replied to George H. Compton IV's discussion
(TIP N3.0 & N2.0) let's hang some Christmas lights..CSS.. Happy holidays :-) updated 12-04-14
"Don't forget Mr. George H. Compton IV's fabulous Christmas lights....thank you again, and blessings…"
yesterday
Dr Husky (Emalejandro) posted a discussion
Help.I need upload my file ads.txt file to the root of my website. If I don't do it, my adsense inc…
yesterday
Anam replied to Anam's discussion
Comments on Profile Pages Do Not Appear in Latest Activity
"The main problem is Moderation.
If a site owner does not check members pages, then the site owner c…"
yesterday
Anam posted a discussion
This has been so for a long time. It used to not be that way on Ning 2 sites. I have brought it to…
yesterday
This Is bully replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"I hope it's available for the activity feed.."
Friday
Scott Bishop replied to Scott Bishop's discussion
Mobile Upload to Branded Video Player
"A few major issues with the Branded player. 

I no longer have the secure SSL because of it. I gues…"
Friday
kostasgr replied to kostasgr's discussion
facebook
"  Hi Ambrosie ! yes I have SSL on my site .."
Thursday
⚡JFarrow⌁ replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"Will the search features appear next week as well? "
Thursday
More…

Meanwhile, you can check our social media channels