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

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