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

Hi there,

     My network is made for photographers and one of the most important options is the network is the LIKE photos.
Is There  a way to make this button bigger and in the right place. I mean the right place because the Like button is always under the photo or even over irt.
Not far away, small and hidden like this one.
Take a look how there is a huge space between the photo and the Like button. This is not normal.

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

  • This reply was deleted.
    • Hi there,

      Thanks. it Just worked. Thanks a lot

       

  • Hi there!

    I can provide you with the code that will be replacing like button, but could you please mention on the screenshot of the photo page where you wish it to be located? Also, it could be made bigger if necessary.

    Looking forward to hearing from you.

    Best regards,

    Ning Team.

    • Hi there,

      Hi Kyryl. If I you can make it bigger will be great, just a litter. I send you a print to show where we coul put it

       

      14319468?profile=RESIZE_930x

      • This reply was deleted.
        • Hi... 
          Where would I ass this code? It will put the like option in the right place?

          I added It On Desing studio on Css and only chance the size of it. It stil, on the same place. 

      • Hi Kyry,

         

        I am wating fot the code.

        • Hi there!

          This part of the code should go to the design studio:

          .page-photos .likebox.ning-likebox {
          position: absolute;
          top: 99%;
          z-index: 3;}


          .page-photos .button-tiny.likeButton a
          { font-size: 15px;}

          And this one should be placed in the end of page code filed in the custome code section of the site builder:

          <script>
          x$('.photoDetailPage-image.image.image-aspect-4-3').append(x$('.likebox.ning-likebox'));

          </script>

          Best regards,

          Ning Team.

          • Hi there,

            Thanks. It did work. It only in the cornner. Is there any way to put exactlly on the red arrow is?

            I try to change it just a littler, to move where I need. But looks bad on mobil

             

            .page-photos .likebox.ning-likebox {
            position: absolute;
            top: 95%;
            left: 10%;
            z-index: 3;}


            .page-photos .button-tiny.likeButton a
            { font-size: 25px;}

             

            14333900?profile=original

            • Hi there!

              You can use media queries to change the styles for the mobile view. For example, you can leave all the changes you have made already without changes, and they would be related to the web-version. And add the following code to the custom code in the design studio 

              @media screen and (max-width: 768px) {

              .page-photos .likebox.ning-likebox {
              position: absolute;
              top: 95%;
              z-index: 3;}

              .page-photos .button-tiny.likeButton a 
              { font-size: 15px;}
              }

              and it would be related to the mobile version.

              Hope this helps

              Best regards,

              Ning Team.

    • Hi,

       

      Can we have some more option as well, As like dislike, great etc????  Would be great to have some option like I will show on a printscreen. Under the picture. Is that Possible?

      14319415?profile=original

      • Hi there!

        If you know the service that provides for free such type of the counter and allows it to be embedded into the sites and uses the link to the place where it's located at the variable, yep it would be possible to integrate something like this. I do remember Jfarrow posted something like this a month ago or so on creators, you may try to check old discussions for any useful information.

        Best wishes,

        Ning Team.

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
Ning3: How to Create a Combined Feed of All Forums Inside Groups
"i am glad you found it useful.  how is your migration coming along?  happy 4th buddy!"
13 hours ago
⚡JFarrow⌁ shared their discussion on Facebook
13 hours ago
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
TIP: How to Automagically Change Text Locations into Maps
"How many of you are using this?"
13 hours ago
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Amazing Tool to Automate Your Content Discovery, RSS and Sharing Community Content
"Tons of new features added to RSSGround this week.. too many to list.."
13 hours ago
⚡JFarrow⌁ replied to David Shaw's discussion
Wiki
"Here's an idea which piggybacks on Alex's suggestion.   You could build a spreadsheet driven app us…"
13 hours ago
Kinga Incze replied to Anastasia_Ning_Support's discussion
Activity feed update
"It's great!
The Discussion group changes are not displayed in the feed, why it that?
 "
17 hours ago
David Shaw replied to David Shaw's discussion
Wiki
"Hi Alex,
Thanks for your reply. I considered the option you presented - a google sheet or google do…"
18 hours ago
Kathleen (SunKat) and Jonathan Peebles are now friends
18 hours ago
Oriel updated their profile photo
yesterday
Oriel updated their profile
yesterday
Oriel and Jonathan Peebles are now friends
yesterday
Jonathan Peebles and Tavolo Ornitologico are now friends
yesterday
More…

Meanwhile, you can check our social media channels