I can´t see logo image, in frontend OJS 3.0.2

Software Support
1

Hi. Well, i uploaded a .png image, through website settings- appearance-logo, without incidents. I can see it in the backend but not in frontend.

There is a stylesheet.css with the file path, I cleared template cache and data cache in administrator, i cleared the css file in /cache directory (have I to delete all the files in cache folder?), I have modified max-height, in head.less file, i have been trying every thing i could read in forums, and I can see the image path, in View Source in Browsers, but i can´t see the logo in the website.
http://revistaendocrino.org/index.php/rcedm
I really don´t understand why the image doesn´t show in frontend.

2

Hi @nanaluna,

Is it possible that file permissions in cache/ are set such that OJS can’t control (create/update/delete) the files there?

Regards,
Alec Smecher
Public Knowledge Project Team

3

Well. It has been a whole journey, works with OJS 3. We had to forget css file, and work with the default theme, and works perfect, not complaints, in mozilla, explorer, safari …except, chrome doesn´t charges magnifying glass icon next to the Search dialog box, and the icons in PDF and HTML files. Strange isn´t?

4

Hi @nanaluna,

Glad to hear you got it going! Can you check your Javascript console to see if something informative appears there? I suspect you’re running into a CORS rule; see e.g. Images/Icons have disappeared - #6 by asmecher.

Regards,
Alec Smecher
Public Knowledge Project Team

5

Hi. Yes you were right. The error in console showed me:
"Access to Font at ‘http://www.XXX.org/lib/pkp/fonts/fontawesome/fontawesome-webfont.woff2?v=4.3.0’
from origin ‘http://XXX.org’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is
present on the requested resource. Origin ‘http://XXX.org’ is therefore not allowed access.

So I was searching and found some browsers may refuse to embed the font when it’s coming from some non-standard 3rd party URL for security reason.

So I just put in my .htaccess file. This code:

And voila :slight_smile: the magnifying glass, PDF and HTML icons work perfect in chrome and the other browsers.

6

I’m facing the same issues only in some journals of my OJS installation and only in admin mode in Firefox, Chrome is showing all the icons now. This fix didn’t work totally.