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

⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
A Simple Way to Move Navigation Up Into Account Bar
"any ideas on how to get the logo up into the bar as well before the navigation?"
4 hours ago
Barney Lodge updated their profile
yesterday
Barney Lodge updated their profile photo
yesterday
ψψ ⚜ LuciStG ⚜ψψ updated their profile
yesterday
ψψ ⚜ LuciStG ⚜ψψ replied to Annabel Gregory's discussion
Email address capture
"You could ask members a profile question. I do this as well just go into settings > members >…"
yesterday
ψψ ⚜ LuciStG ⚜ψψ replied to Barney Lodge's discussion
Group Creation by Script
"As far as I Know you can not create groups on ning using a script. You have to create them one at a…"
yesterday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
A Simple Way to Move Navigation Up Into Account Bar
"yes it is now perfect and with the added bonus of a sticky navigation when fixing the account bar…"
Saturday
⚡JFarrow⌁ and Amit Sinh are now friends
Friday
⚡JFarrow⌁ updated their profile photo
Mar 16
Annabel Gregory posted a discussion
Is there a simple way to achieve this? Thanks. 
Mar 15
Barney Lodge posted a discussion
My project is attemting to create a very large number of groups, each one asscated with a house…
Mar 13
Alex - Rosas † Negras replied to JAIME DIAZ SALAZAR's discussion
Site's title name is not aligned with the rest of my page's sections names
"JAIME DIAZ SALAZAR  
I checked you have a mess in the settings ,you set a group as main"
Mar 13
More…

Meanwhile, you can check our social media channels