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

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