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

Bizz replied to Rosas † Negras's discussion
How can I fix this Ning 2.0
"Managed to get it like this for you
The Evanescence image looks a little lower which is because…"
6 hours ago
CJ Coster and ⚡JFarrow⌁ are now friends
NC for Hire
yesterday
⚡JFarrow⌁ posted a discussion
Way back in 2018, I shared this with you.  Tip: How to Add an Easy to Manage News TickerToday, I'm…
yesterday
⚡JFarrow⌁ replied to CJ Coster's discussion
Looking to Hire an Experienced Ning Developer
"Ill send you my contact info.. happy to help.."
yesterday
Rosas † Negras posted a discussion
/*cursor*/body, a, a:hover {cursor:url(HTML,BODY{cursor: url(HTML,BODY{cursor:…
yesterday
Debbie Goode-Jones, Ted Harge, Donation Ngobeni and 17 more joined Ning Creators Social Network
yesterday
CJ Coster posted a discussion
Hello, Believe it or not, we started when Ning, was just formed. We are back now and want to hack…
Friday
Rosas † Negras replied to Rosas † Negras's discussion
How can I fix this Ning 2.0
"possible to fix it this way? is an example of a 2.0 site"
Thursday
Bizz replied to Rosas † Negras's discussion
How can I fix this Ning 2.0
"There is an error in the code, sorry about that it should be like this
.xg_list_video_main .tb…"
Thursday
Rosas † Negras replied to Rosas † Negras's discussion
How can I fix this Ning 2.0
"the groups are now perfect, the videos to the usual situation"
Thursday
shared their discussion on Facebook
Thursday
Bizz posted a discussion
Here is an updated tip as seems some things have changed since last time I posted that last tip.You…
Wednesday
More…

Meanwhile, you can check our social media channels