-
Posts
-
Hello,
I have two questions regarding social media icons:
1. How can I make a hover effect at a social media icon thats shown in the content?
2. Is it possible to have a facebook icon that shows how many likes the facebook site has?Best regards,
Helle ØstergaardHey Helle!
1- Can you please post the link to your page and elaborate on the changes you would like to make?
2- You can try using Enfold Facebook likebox widget in Appearance > Widgets :)Best regards,
YigitHi Yigit,
1. Here’s the link: http://www.myredbag.dk/kontakt. I want the two social icon to be black on hover.
2. This is not quite what I want: https://www.dropbox.com/home/Screenshots?preview=Screenshot+2016-11-15.png. I only want to display the numbers of likes and I want it to be shown in top of the header.Best regards,
HelleHi,
1.) Use this code inside Quick CSS field:
.social_bookmarks a:hover { color: black !important; }2.) Link you’ve provided does not work for me. Can you check please?
Best regards,
AndyHi,
1. That doesn’t work.
2. Try this link instead: http://www.myredbag.dk/wp-content/uploads/2016/11/Screenshot-2016-11-15.pngBest regards,
Helle ØstergaardHi,
1- It does work fine on my end – http://i.imgur.com/3Vk0e70.png
Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh
2- You can generate custom code here – https://developers.facebook.com/docs/plugins/page-plugin and place it inside text widget :)Best regards,
YigitHi,
1. Oh, you have misunderstood me. It’s not the social icons in the top menu, but the social icons in the contents (the red ones): http://www.myredbag.dk/kontakt
2. Okay, I will try that.Best regards,
Helle ØstergaardHi,
Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your icons and give them a custom class and then add following code to Quick CSS
.your-custom-class.av_font_icon:hover { color: red !important; }Best regards,
YigitHi,
I’m not that familiar with php so a few questions: Do I have to use a child theme? Does it matter where in functions.php I enter the code?
Best regards,
Helle ØstergaardHi,
you don’t need to, but we definetely recommend to use a child theme. It doesn’t really matter where you put it inside your functions.php. Check out: kriesi.at/documentation/enfold/using-a-child-theme/
Best regards,
AndyHi,
I have tried to switch to a child theme and chosen “Import Settings from your Parent Theme“ but the footer won’t import correctly.
Best regards,
Helle ØstergaardHi,
Regarding question 2:
I have tried to generate custom code here – https://developers.facebook.com/docs/plugins/page-plugin – as recommended on November 16 and told to place the code in the text widget. I got the following codes:<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/da_DK/sdk.js#xfbml=1&version=v2.8″;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script><div class=”fb-like” data-href=”https://facebook.com/myredbag.dk” data-layout=”button_count” data-action=”like” data-show-faces=”false” data-share=”false”></div>
Must both of them be placed in the text widget?
Best regards,
Helle ØstergaardHi,
Code Block is one of the Advanced Layout Builder elements. You can find it under Content Elements tab – http://i.imgur.com/alKLy8e.png
Best regards,
YigitHi!
Code Block is similar to a Text Block but doesn’t have the Visual Editor and as the name implies it’s a section/block where you can place your code. Just add it by dragging or click the Code Block then paste in your code, save it and Update the page :)
Regards,
NikkoHi Nikko,
Okay. I have entered the code like this: http://www.myredbag.dk/wp-content/uploads/2016/11/Skærmbillede-2016-11-23-kl.-08.32.39.png – http://www.myredbag.dk/wp-content/uploads/2016/11/Skærmbillede-2016-11-23-kl.-08.29.43.png
But the frontend doesn’t show anything: http://www.myredbag.dk/testBest regards,
HelleHey!
I can confirm the code is there by inspecting with google web inspector however it seems it doesn’t run because of the ” can you try to replace all of it with
"
If it’s still not working, please post us your login credentials (in the “private data” field), so we can take a look at your backend.Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
Cheers!
NikkoHi,
make sure that the code you’re using is correct and compatible with WordPress. Try this code with a default WP theme, to check if it’s working with WP in general.
Best regards,
AndyHi,
It’s very confusing when it’s different supportors who is replying me. Nikko told me to sent WP login so you could take a look at my backend. From Andy I gets a completely different reply. What sould I do?
Regarding Andys reply then I earlier in this topic got a link to generate custom code for facebook and place it in widget text. I assume that this code is working with WP when you are recommending. Am I wrong?
Best regards,
HelleHi,
we have no control over any code facebook is generating for you, especially if things changes and moves so quickly in the cyber world. So please test it first, if it’s compatible with WordPress and let us know about your results.
Best regards,
Andy
- The topic ‘Social Media icon’ is closed to new replies.