Like button so far away no one can see it.....

[Fabricio Giugni]

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.

[Fabricio Giugni]

Hi there,

Thanks. it Just worked. Thanks a lot

 

[Fabricio Giugni]

Hi there,

Thanks. it Just worked. Thanks a lot

 

[Kyryl_Ning_Support]

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.

[Fabricio Giugni]

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

 

[Fabricio Giugni]

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. 

[Fabricio Giugni]

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. 

[Fabricio Giugni]

Hi Kyry,

 

I am wating fot the code.

[Kyryl_Ning_Support]

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.

[Fabricio Giugni]

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;}

 

[Kyryl_Ning_Support]

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.

[Fabricio Giugni]

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?

[Kyryl_Ning_Support]

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.