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

NC for Hire

Hi all,

I have read some answers about centering module text, but this is using margin styling that just pushes the element by some percentage left or right which is not a true centered look. What if your header text happens to be 'Supercalifragilisticexpialidocious'?? no, just kidding :-)

Moving on, with this extra line of css code alone and now with the text-align:center finisher, you will truly get the right effect!

.xg_module_head h2 {
 float: none;
 text-align:center;
}

The Solution: the header module h2 styling has also a declared float:center on the base css code. You just need to cancel it by styling to float:none, THEN apply the normal text-align:center style attribute to get the right effect.

Hope this helps.

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

  • Hi  Ron 

    Possible to put pictures to illustrate the service of this code?

    • NC for Hire

      Sure classic, just updated the post (see above) How's it going?

      • ًwoooow

        Beautiful my friend.
        Thank you
        • NC for Hire

          glad you like it. sure thing classic.

  • THANK YOU THANK YOU THANK YOU! Since I have rounded the corners of the my modules for some time, this code helps the titles look cutoff.

  • NC for Hire

    you're welcome, glad you found it useful.

  • Thank you works a treat

  • NC for Hire

    You're welcome guys! glad you like this.

  • Thank you, Ron! The right (clean, non-hacked) way has always been the easiest to use as well!

    • NC for Hire

      sure thing G. right on!

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

Gemma Space replied to Fabrizio Lavado's discussion
CHAT OPTIONS
"Apologies it's:
 
.xg_chat .cht-groupChatHeading .cht-roomName::after { content: "- Online List"; d…"
2 hours ago
⚡JFarrow⌁ replied to Gemma Space's discussion
Chatroom - Add gif chooser, embeddable youtube links
"Have to think on this but there may be a way as a Giphy Developer"
yesterday
Ana Massien updated their profile photo
Sunday
Ana Massien updated their profile photo
Sunday
Ana Massien updated their profile photo
Sunday
Ana Massien updated their profile photo
Sunday
Ana Massien replied to Anastasia_Ning_Support's discussion
What’s New on NING: Recap of the Latest Updates
"You also updated the twitter widget, which is awesome. :) Thanks so much for doing that."
Sunday
Gemma Space posted a discussion
I would *really* like a gif chooser widget in the chatroom and embeddable youtube links, so when a…
Sunday
Gemma Space replied to Traddie's discussion
Examples of Great Ning 3.0 Sites
"This is my site https://thelesbiancafe.net/ for women of a certain ilk only ;) still working on it.…"
Sunday
Gemma Space replied to Fabrizio Lavado's discussion
CHAT OPTIONS
"Hi Fabrizio, add this to your custom css in global:
.cht-roomName::after { content: "- Online List"…"
Sunday
Gemma Space is now a member of Ning Creators Social Network
Sunday
Marly posted a discussion
Hello! Is there any way to delete inactive members in one sweep? I'd like to be able to warn them o…
Sunday
More…

Meanwhile, you can check our social media channels