Icons for links is too big (huge)

cedric richard 3 years ago updated by Christian Fritz 3 years ago 8


When using Safari, the icon for links is HUGE.

Please look at my webpage http://www.cedric-richard.fr/pub.html with Safari.

Who knows how to address this?


Same here, and on all browsers. I wonder how long the page has been like that and we did not notice!!


Any advice? Thanks!

Under review


I think the cause in your case is different than in Cedric's. I have not been able to see/reproduce the issue on Cedric's page, but on your's I see it. The issue on your page is that the style sheet is never loaded, which is also why the buttons don't show up, and the embedding message is shown at the bottom (should be a modal).

Looking at the console it shows the error:

Uncaught TypeError: Cannot read properties of null (reading 'noConflict') at (index):289

This refers to jQuery. When I looked at your page source, to find out which version of jQuery you are loading, I noticed that jQuery seems to be copied into your page in full!

let jqueryParams=[], jQuery=function(r){return jqueryParams=[. ....

There are several reasons not to do this, one of them being that it is *much* faster to load them from a CDN, because most people will already have jQuery cached, and the version you have seems to be missing some compatibility features.

Can you try replacing that script tag where jQuery is included with

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

or just remove it completely? BibBase will load jQuery when it doesn't find it on the page.


Could there be any other suggestions you may have to fix this, or maybe we can not use Bibbase on our site and have to look for other alternatives? Thank you!

It might work if you add the required styles and libraries directly to your page, in the <head> section:

<link rel='stylesheet' href="https://bibbase.org/css/styles/default.css" />

<link rel='stylesheet' href="https://bibbase.org/css/bootstrap.min.css" />
<script src="https://bibbase.org/js/bootstrap.min.js"></script>


Wonderful—thank you very much!

I could only find a way to add those lines to all pages and the "Group by" button still doesn't seem to work, but regardless your suggestion fixed the major issues ...

It works again since 2 days. I did not do anything.

This is a recurrent problem, specifically with this icon.

Thanks for your prompt and detailed responses. 

As you can tell, I am using the common Divi theme on top of Wordpress for the pages. I have not changed any of the JS settings, and am not able to find those either. 

I had "nocache=1" and removed that now, but the issue does not seem to be related to that.