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

NC for Hire

10528963075?profile=RESIZE_710x

 

 

i.icon.icon-envelope {width: 108px;}

i.icon.icon-friend-request {width: 145px; }

 

10525236672?profile=RESIZE_584x

 mouse effect

/** BIZ VERSION **/
.ningbar-link .icon {
width:auto;
height:auto;
line-height:unset;
font-size:15px;
overflow:visible;
}
.ningbar-list{
padding-left:10px;
}
.ningbar-countNotification {
right: -15px;
font-size:10px;
}
i.icon.icon-envelope,
i.icon.icon-friend-request{
margin-right:15px;
}

 

 

10528710277?profile=RESIZE_710x

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

  • You don't change the width of the envelope you change it's font size, as the link bar icons are actually fonts so you just change them with font-size not width.

    for instance

    i.icon.icon-envelope {font-size: 20px;}

    To get the words to show up with the icons and size them you could use this rather than setting fixed widths as it will allow for the growth of the notifications count

    .ningbar-link .icon {
    font-size: 20px;
    line-height: auto;
    height: auto;
    }

    • NC for Hire

      10525904081?profile=RESIZE_710x

      this is your result, this is the result now in this site with these css


      10525905261?profile=RESIZE_930x

      https://ladiesofthehat.org/
      Ladies of the Hat - LOTH
      This is the place for a safe gathering of like minded women of Ladies of the Hat. Our mission is to embrace life with kindness, charity, and fun whi…
    • NC for Hire

      i.icon.icon-envelope {width: 120px;}

      i.icon.icon-friend-request {width: 90px; }

      https://ladiesofthehat.org/

      Ladies of the Hat - LOTH
      This is the place for a safe gathering of like minded women of Ladies of the Hat. Our mission is to embrace life with kindness, charity, and fun whi…
    • NC for Hire

      Bizz  

      you take a picture of your site and what css you are using please, we try to fix everything, each site at its size but they change little, I who use a lot of css like you is very different
    • NC for Hire

      Bizz 

      automatically widens brother I took a test
    • Sorry my mistake, I missed a line out, it should be

      .ningbar-link .icon {
      font-size: 20px;
      line-height: auto;
      height: auto;
      width:auto;
      }

      • NC for Hire

        10526763862?profile=RESIZE_930x

        it was a good idea but the messages overlap with the writing
        • Thats what is supposed to do by default, you can adjust it by using this and enter a value that you want to move it by,

          the default is -8px

          .ningbar-countNotification { right: -8px }

          • NC for Hire

            it does not give the useful space for the icon I tried to center it but nothing to do John
            10527249261?profile=RESIZE_400x

            • You can add some space by giving a little margin to the other links like this, change value for what you want.

              .ningbar-list{ margin-left:10px }

               

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

Alex - Rosas † Negras posted a discussion
Ning Themes 3.0
1 hour ago
Pam Givens replied to Pam Givens's discussion
Public home page
"Thanks Bizz - appreciate your help.
Pam"
19 hours ago
Bizz replied to Pam Givens's discussion
Public home page
"Yes you just set the required option in each of your pages in the social site builder, so you would…"
20 hours ago
Pam Givens posted a discussion
Is it possible to have a public home page and the navigation bar links and other pages private?Pam
21 hours ago
Oriel💞 updated their profile
yesterday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Amazing Tool to Automate Your Content Discovery, RSS and Sharing Community Content
"the single best tool in your Community Building process... RSS Ground"
yesterday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Time Saver: Your RSS Feeds for Location Tags on Ning
"just saved another 4 hours by leaving this tip up"
yesterday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Tip: Create Self Updating Content Widgets for your Community
"RSS Ground just got much better!"
yesterday
Oriel💞 updated their profile
yesterday
Dawn aurora is now friends with Irene Araujo and OneCrow
Wednesday
Dawn aurora updated their profile
Tuesday
⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜ updated their profile photo
Jun 18
More…

Meanwhile, you can check our social media channels