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

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

Votes: 0
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.
 

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

LEO Mobile App Builder updated their profile
Tuesday
Aase Lillian replied to Aase Lillian's discussion
Community - activity page
"Ok, thank you. Please send me details as I have no idea on how to do it. "
Mar 19
Aase Lillian and ⚡JFarrow⌁ are now friends
NC for Hire
Mar 19
⚡JFarrow⌁ updated their profile photo
Mar 18
⚡JFarrow⌁ replied to Aase Lillian's discussion
Community - activity page
"Yes you can add emojis to your community pretty much anywhere you like.
If you need some help…"
Mar 18
Aase Lillian updated their profile
Mar 18
Aase Lillian posted a discussion
Hi all. Is it possible to add emojis to the community? I also wish the activity page to include…
Mar 18
Donna MacShoe updated their profile photo
Mar 6
Adul Rodri is now friends with ANGE.L LUAR and Margarida Maria Madruga
Feb 14
Shweta Sharma updated their profile
Jan 26
catherine martin updated their profile
Jan 16
Donna MacShoe updated their profile photo
Jan 15
More…

Meanwhile, you can check our social media channels