Problems with NGFB

You want to force the *same* *small* image on *all* posts/pages? That’s not what NGFB was designed to do. NGFB creates meta tags based on the content of each post/page, and provides appropriately sized images to display social shares with large images, embedded videos, etc. If you want the *same* *small* image on *all* pages, then make sure your image is 200x200px, edit your header.php template, and add the following meta tag (as an example):

<meta property="og:image" content="https://your-domain.com/wp-content/uploads/you-logo-here-200x200.jpg">

Adjust the path of the image, obviously. ?? Then disable NGFB since you really don’t need it.

js.

Js
I have uploaded my 200*200 image and added the meta tag as mentioned above…Still sharing any page displays the old large image!!!

Why do you suggest disabling NGFB… I want to fix the image appearing in the sharing ONLY ??

The image provided by NGFB takes precedence since its meta tags are listed first. Disable NGFB and run the Facebook debugger on your URL. That should clear the Facebook cache and retrieve the small image.

You should disable NGFB because NGFB is designed to provide large images based on your content (for higher click-through rates on Facebook). Since you prefer to use the same small image for all your pages, NGFB would not work well for you.

Note that using a small logo image for Facebook will lead to fewer clicks on your shared content, which is why people seek out plugins like NGFB — to create large images from their content, to get more clicks. ??

js.

ok Thanks Js…I did it and it worked fine..
What about the conflict with my ecwid store plugin mentioned in my first post..
You can view it on https://www.hauanem.com.
I tried even to remove some share buttons to make the bar shorter, but it still existed this over-writings in the bar.
Any idea how to fix that?

Your website is too slow, so I cannot view that URL.

See for info: https://www.webpagetest.org/result/150120_D3_1A7A/

Sounds like it might be a simple CSS issue.

js.

Uppps…
I have rerun the test and here is the results….
https://www.webpagetest.org/result/150121_DH_XB1/

I hope you can help me in that css issue…
Thanks Js

Looks like you have some conflicts between these two:

html#ecwid_html body#ecwid_body div.fb-share-button, html#ecwid_html body#ecwid_body div.tw-share-button {
    border: 0px none;
    float: left;
    margin: 0px;
    padding: 0px 7px 0px 0px;
    white-space: nowrap;
    height: 32px;
    cursor: pointer;
}
#ngfb-sidebar .ngfb-buttons > div {
    display: block;
    text-align: center;
    width: 60px;
    height: 65px;
    margin: 10px 5px;
}

You’ll probably have to add a float:none; to the NGFB facebook button div.

js.

Thanks for your fast reponse JS… but how can I edit in the NGFB facebook button div from the WordPress Admin Dashboard?

It’s under the NGFB Sharing Styles – make sure you’re viewing All Options. ??

js.

I can view the code but it is unediable

uneditable

Oh, yeah, the Style editor is a Pro feature.

Copy the facebook CSS lines to your theme’s styles.css, and add the float:none attribute.

js.

Thank Js for your help… It affected the layer of the NGFB but something has been loaded in place of Fb share button in the beginning … Can you view it again… B.R.

It looks like “ecwid” is also adding somekind of background. You really should be speaking to the author of that plugin / theme — they shouldn’t be cascading their custom CSS beyond their own specific DIV.

js.

Ok I’ll ask them about it … Thank you very much for your support Js.
Dalia