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

FORUM

I am wanting the profile picture to be larger on my members profile page. Is it possible to make it larger without them having to do it? I see that on ning 3.0 it doesn't seem possible to give the profile photo a size preference. So hoping there is a work around for it. Thank you!

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 Jennifer, I wrote a tip for this and have included the link to that post. If you read through it you will see there are two bit's of code to add. There is a link to my old site so I have given you another link below to my new site so you can check out the size change. I set my size to 160px on this site not 180px as in the tip.

    Here is the link to the tip

    https://creators.ning.com/forum/topics/members-profile-page-main-av...

    And here is the link to my new site profile page

    http://scmotorcycling.ning.com/members/bizz

    Hope this helps, John :-)

    • Thank you John. I will check out the link you sent me for profile picture. And your profile pic looks great on your site. Thats exactly what I would like. I sent you a message did you possibly get it? :-)

      • Your welcome, no sorry i did not get a message.
    • Thank you John, that worked great. I do like how yours is oval. Is there a bit of code I can add to make it oval on mine by chance? :-)

      • You can make them oval via the design studio. Go to the page link then choose affects and drag the slider to the right for the amount you would like.
        • Thats right I remember now. Thank you

        • This is the message I sent you via my inbox here on creators. Not sure why it didn't go through.

          Hi John,

          First, I would like to say thank you so much for your tips that you give and the assistance that you have given me. I have really needed the assistance...and your help has been very appreciated.

          You helped me with my header this last week. And took your adviceto make my logo header smaller and in the end it really helped enlarge it on mobile devices. Since I made the header smaller I had to remove some crucial wording that is important for getting the message across quickly when a person 1st looks at my site. I took out the part that said:

          • Find Caregivers
          • Find Jobs
          • Find Businesses

          Is it possible to add them in to the actual header not the header that my logo is in but underneath it and instead of having them bulleted place them next to each other? Something like this:

          Find Caregivers. Find Jobs. Find Businesses

          I would prefer the text in white and maybe bold not sure. Don't want it to take away from the actual logo and slogan.

          Thank you for your time John :-)

          • Hi Jennifer,

            Unfortunately, there is no text box under the logo where you can put your text easily. So here is the code that might be used to do so.

            <!-- Text after header logo -->

            <script>
            x$(".site-nameLogo").attr("id","site-nameLogo");
            </script>

            <script type="text/javascript">
            var getelid = function (id){
            return document.getElementById(id);
            }
            var sitenamelogo = getelid("site-nameLogo");
            var headertext = document.createElement("div");
            var text = document.createTextNode("Find Caregivers. Find Jobs. Find Businesses");
            headertext.appendChild(text);
            headertext.className = "textunderheader";
            sitenamelogo.appendChild(headertext);
            </script>

            This part you should put to the end of page section in your custom code tab. It will basically create the block with the text inside.

            Then it's necessary to determine the style properties (like text color weight of text etc.). Please copy the following code and put it in the design studio to custom CSS section.

            .textunderheader {color: white!important; font-weight: 700;}

            I have noticed that you were unsure about the weight of the text, so I have made it bold, you can change this numeric parameter "font-weight: 700;" to make your text thicker or thinner. It could be from 100 to 900, the bold text value is 700, the value for normal text is 400.

            Hope this helps.

            Best regards,

            Ning Team.

            • Hi Kyryl, I see you added some code for Jennifer for the text. That's an awful lot of code to do that job. You can do the same thing just in css all in one line like this

              .header-siteNameLogo::after{content:"Find Caregivers. Find Jobs. Find Businesses"; display:inline-block; font-size:14px;color:white;font-weight:bold;line-height:1.5em; margin:5px 0px 10px 0px }

              • Hi kyryl,
                I put your code in and it did work :) I will try Johns tonight when I am able to work on my site. Thank you Kyryl!
This reply was deleted.

Latest Activity

Kyryl_Ning_Support replied to Bizz ( John )'s discussion
Multiple choice poll- how to make the selections stand out better
"Nice tip, John!"
1 hour ago
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion
Overview of Q3 and Ning Q4 2017 plan.
"Hi Kos,
I have tried to reproduce this issue on my PC but no luck with that. Could you please share…"
1 hour ago
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion
Overview of Q3 and Ning Q4 2017 plan.
"Thanks, I have updated the suggestion with your notes :-)
When I would hear something about this I'…"
2 hours ago
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion
SSL certificate feature release
"Hi there!
If you mapped your domain, in that case, yes, it's not the only thing you should do. The…"
2 hours ago
Robert Martin, waimaoniu, Brawen and 50 more joined Ning Creators Social Network
2 hours ago
Ning via Facebook

The best 23 articles about social media are here for you! Follow the link and read them all!…

Kos replied to Kyryl_Ning_Support's discussion
Overview of Q3 and Ning Q4 2017 plan.
"To be honest, I think it depends on the SIZE of the network and how heavily they use Chat.  I think…"
16 hours ago
Mary Adams replied to Kyryl_Ning_Support's discussion
SSL certificate feature release
"There is now a check box in my Ning 2.0 site  to use SSL. I imagine that I don't just check the box…"
17 hours ago
Ning via Facebook

Your blog HAS its voice! And you have outstanding chance to make it awesome. Begin with these…

Kos replied to Kyryl_Ning_Support's discussion
Overview of Q3 and Ning Q4 2017 plan.
"No, not really although I will say, when I initially open chat, the chat screen is blank and I have…"
17 hours ago
Kyryl_Ning_Support replied to Suzie Nielsen's discussion
Anyone else having the following issues
"Hi Suzie,
If it's necessary you can disable Captcha in Network Details section. At the very bottom…"
yesterday
Anam replied to Kyryl_Ning_Support's discussion
Overview of Q3 and Ning Q4 2017 plan.
"Oh right, I get it, that's a bug. Did not know that."
yesterday
More…

Meanwhile, you can check our social media channels