-
Posts
-
Hi there, so i am trying to add some “FOLLOW” buttons for facebook, instagram, etc, and they provide you with a Javascipt Snippet, to add inside the <body> and then a HTML code to paste wherever you want to see the buttons displayed, i got the google + code working with no problems what so ever, but i can’t get the facebook or instagram buttons working right, they all use different coding, google + uses <div> tags, and instagram uses this:
<span class="ig-follow" data-id="1d88d6197a" data-handle="silverwolf_pc_repair" data-count="true" data-size="medium" data-username="true"></span>and when i paste the html code as “text” and save it, it doesn’t really save the code, when i open the text block again the code is gone, the compiler or the avia layout builder doesn’t like it for some reason, so i am wondering if i need to add these HTML codes manually somewhere else?Hi,
Can you please create us a WordPress administrator account? post it here as a private reply.
Regards,
Josueok so i found a problem just like mine on these forums, see here : https://kriesi.at/support/topic/add-code-before-body-tag/#post-430331
and a moderator recommended code from here http://pastebin.com/7JawGzDU which seemed to work for the user, all i need is to find the opening <body> tag and paste the SDK Javascript code, from facebook for example see here: https://developers.facebook.com/docs/plugins/like-button, so where do i exactly paste the code? there’s no body opening tag on header.php, only a closing </body> tag at footer.phpi added that code, but it didnt look it did anything, i just watn to make sure about the implementation, i added the code from here: http://pastebin.com/7JawGzDU to the FUNCTIONS.PHP, and the JAVASCRIPT from facebook on a code block, as well as the HTML code on a codeblock on the page where i want to show the button, but it still wont show up, should i add the JAVASCRIPT on the FUNTCTIONS.PHP as well instead on a code block on a page?
ok i got it, i didn’t realize the suggested code was a replacement for the original javascript from facebook, it was conflicting because i had the suggested code and the SDK Javascript from facebook running at the same time, i deleted the one from Facebook and just left the suggested code on the FUNCTION.PHP plus the HTML Code for the button, and it works! :-)
just one little thing, non related tho, does anyone knows a good way to group small images together and have the capability to add a link to the images? i can’t add links to images on galleries and if i want to group small images next to each other, in an horizontal way, i can’t, when adding images to a post or a text box it stacks the images added vertically, no matter how big or small the images are, and using the “Layout Elements” to group images next to each other is good, but it wastes space, i want to be able to have small images lets say 40px x 40px next to each other really close, something like this: http://www.iconarchive.com/show/flatin-social-icons-by-uiconstock.html where there is almost no gap, and have the ability to add individual links for each image, the closest i got was using the HOTSPOT IMAGE ELEMENT, but it uses the white dotted hotspot on top of the image which doesnt let you appreciate the image or icon
Hi!
Have you tried using the native WP gallery shortcode (Add Media > Create a Gallery)?
Best regards,
Josueit doesn’t get the job done, i can put them next to each other or stack them up but it still wastes space when you try to add text, i guess it has to do with the default padding and spaces when you insert images using the Avia Layout, anyways i got a way around it, i basically use a “layout element”, lets say a “1/3”, and inside it a place a “text box”, inside the text box i add the images and text, and then i keep adding text boxes with images and text within the same “1/3” element, and stacks them up nicely on a vertical fashion, to place images with text next to each other on a horizontal way i can’t find a way, the layout element just stacks them up vertically no matter what, i can’t find a way to put icons or images next to each other closely on a organized way without wasting space
Hi!
Can you post a link to the page where you’re trying this and a mockup/screenshot of how it should look?
Best regards,
Josuesee here http://kriesi.at/blog see the social media icons on the right top corner? see how close they are to each other? i’d like to be able to do that but anywhere i need it, have different images of diferent sizes next to each other
- You must be logged in to reply to this topic.