SVG Images frontend

Hi, I use svg images in my category menu and they work perfect.
Only the svg images I upload on pages and posts are not shown on the frontend.

This is a backend screenshot: https://tinyurl.com/y4pfqhmd
This is a frontend screenshot: https://tinyurl.com/y3jvbalr
This is a link to the actual page: https://www.finler.nl/contact/

Could you please give me an indication of what is going wrong here?
Thanks in advance.
S. B.

Hello,

Please open your SVG icons file with some editor like Sublime Text or default system text editor and add width=”31″ height=”40″ attributes to your <svg> tag like it is shown: https://gyazo.com/97e45f8a87b2d7cd2fb0b02ec041ac55

Then you will need to re-upload your icons in the WordPress Dashboard.

Best Regards

Hi,
Well. They all have width and height attribute. So this cannot be the problem.
Please download this and check it yourself.
https://www.finler.nl/overeenkomst/wp-content/uploads/sites/22/2019/10/contract-invullen-icon.svg

Hello,

It seems that the file_get_contents is disabled on your server. Please ask your hosting provider to enable it. Then check back.

Thank you

[scholtobos]

Hi Aizaz,

file_gets_contents is enabled. Please see php info in the link I placed in the private content box. All the files also have width and height attributes. please investigate https://www.finler.nl/overeenkomst/wp-content/uploads/sites/22/2019/10/contract-invullen-icon.svg as an example.

So wrapping up:
– svg images in menu are working
– svg logo in header is working
– svg images in category menu are working.

Only images I added in posts and pages are not shown on frontend. Please see backend screenshot to show you I did it on the right way: https://tinyurl.com/y4pfqhmd

Don’t have a clue what’s wrong, because it worked perfectly before.

• This reply was modified 3 years, 5 months ago by scholtobos.

Hello,

Have you checked your debug log? I had the same issue on pages and posts and the reason for that was that “file_get_contents” could not setup a secure SSL connection.

Brgds
Rune

Hello,

Please provide the login details of the website and also provide the url of the page where issues occur to check it myself and help you out accordingly. Because the login details provided before are not working.

Best Regards

[scholtobos]

@metuza thanks for helping, that solved the problem.

@aizaz problem solved. Thanks for your time.

• This reply was modified 3 years, 5 months ago by scholtobos.
• This reply was modified 3 years, 5 months ago by scholtobos.

@metuza and @scholtobos

Could you both describe which steps did you follow to solve the problem?

That could help other members facing the same problem…

Thanks

[scholtobos]

Hi Ricardo,

Step 1: I enabled debugging in wp-config.php – https://wordpress.org/support/article/debugging-in-wordpress/
Step 2: I refreshed the page where the problems occur
Step 3: I opened de debug log in wp-content/debug.log
Step 4: the log says:

failed loading cafile stream: `/etc/ssl/certs/cacert.pem’ so there is a problem with

Step 5: I opened the php.ini file and saw the path was correct:

openssl.cafile = “/etc/ssl/certs/cacert.pem”

Step 6: I asked my ISP what to do and he adviced me to completely remove this line in the php.ini file
Step 7: I removed the line and flushed the cache.

Problem solved.

• This reply was modified 3 years, 5 months ago by scholtobos.
• This reply was modified 3 years, 5 months ago by scholtobos.

Hello,

In my case I meet into this problem 2 times, first the CA-bundle was missing from my SSL-certificate so i had to re-install SSL-cert, second time the CA Certificates bundle on my VPS server wasn’t up to date.

Brgds
Rune

Hello,

@scholtobos We are Glad that your issue has been Resolved.

@scholtobos, @metuza Thanks both of you for sharing the solution here. It will be useful for other customers.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts