SVG not showing

Hello, I have used an SVG logo in my header and got it to show by adding a width and height tag to the SVG file.

But, I am having trouble getting SVG’s to show in the info box element. I have confirmed that get_file_contents is enabled on my server.

Anything else to check?

Hello,

Please check the SVG attached to detect if the element causes the problem.

Best Regards

Attachments:

You must be logged in to view attached files.

The attached SVG still did not display on the info box. I can display SVG’s on a normal image Element (Elementor).

Hello,

Please deactivate all the plugins not related to the theme and switch the parent theme, check the issue, If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

if the problem remains, even after the plugins deactivated leave the plugins deactivated for us to check and provide your site admin access to the private area.

If you cannot keep the site without the plugins confirm the permit for us to deactivate the plugins for the while of checking what may take up to 15 minutes.

Best Regards

Hello, I have tried as you suggested and the infobox svg’s still do not display.

I have cloned the site on my server and it seems to work on the cloned site. I am guessing it is some ssl issue. But I am not sure how to diagnose from here. Login information is in the private content.

Hello,

Please provide your FTP access to the private area.

Best Regards

FTP details below in private area. Please let me know what you are changing.

Hello,

We do apologize for the delay, our dev team tries to save the file and it is not possible: http://prntscr.com/vx9da5

Please check and provide the proper rights.

Best Regards

Hi Elise, I have reset the file permissions on the server. It should work now. Please let me know.

Hello,

The problem is caused by file_get_contents function: http://prntscr.com/vy0aup

Please contact the host support and show them the screen.

Best Regards

Hi Elise, Cloudways customer support cannot reproduce the errors on our side. Can you record a video so we can reproduce the errors? They are certain that there is no issue with get_file_contents as it is on a default WordPress installation.

Please advise how we can fix this issue.

Hello,

You can watch the error on this page https://shopnorthrock.com/test/ you need to enable wp_debug.

Best Regards

Hi Elise, I have checked with two different support agents at Cloudways (hosting) and they have ensured me that the server and get_file_contents is operating as it should. I have the application cloned on another domain and the svg’s work as normal. I am not sure what the problem is or how to solve it. Please let me know if you have any ideas.

Hello,

Sorry, but we don’t know how to solve the problem. The fact is that the function is not working well as we see on the errors on your website. https://prnt.sc/vy0aup

Kind Regards

Hi Artem and Elise,

Cloudways support has diagnosed this issue and concluded that Woodmart does not support TLS but only SSL.

Cloudways servers do not support SSL since it is long outdated and insecure now.

Can we please get support for TLS?

But our theme doesn’t depend on SSL or TLS. It simply uses the core PHP function file_get_contents() to load the SVG content. Otherwise, the SVG can’t show in the right way.
What exactly should we do to make it compatible with your hosting provider?

Hi Artem, thank you for the reply. I will explain this to them. This seems to be a very odd issue. I think I will copy my progress to a new application and start fresh and hope it works. Thanks for your support.

Sure, feel free to contact us if you will need any further help. We hope to get this issue fixed asap.

Hi Artem and Elise,

I have cloned this site over to a new application folder and some of the SVG’s are now working. But for some reason some SVG’s still do not show. I have tried adding width and height tags to the SVG file as suggested in another post.

Is there a specific requirement for the SVG’s to display? See screenshot for errors.

I have added credentials to the private area for you to diagnose.

Attachments:

You must be logged in to view attached files.

Hello,

Your screenshot shows the same error that was before. It still can’t be loaded with the file_get_contents function. We don’t know why your hosting has this problem. Usually, it works without any problems on other servers.

Regards

But before no SVG’s were working, and now some of the SVG’s are working. There must be a certain type that works and some that don’t.

Try to take that SVG image and upload in another place where you have the error.
Probably, it is cached somehow and it doesn’t mean that now the function works well.

I have tried multiple SVG’s and it must be specific to some type of SVG that is allowed. I am not sure why. Please see screenshots.

Attachments:

You must be logged in to view attached files.

This seems to be a related thread.
https://xtemos.com/forums/topic/svg-icon-doesnt-show-up-in-infobox/

Try to upload new SVG, not simply select from the Media. Seems like images in the media are cached and probably are from our dummy content.
Yes, it is a similar problem and was caused by the server SSL configuration problem as you can see.

It only allows me to upload from the Media Library and it will not let me upload from the Insert Media dialog. It gives warning SVG file is not allowed for security reasons

I have an open ticket with the hosting company, and I am sure we will get to the bottom of it. I am guessing it is an SSL configuration issue. Thanks for all the help.

This issue was solved by disabling the proxy in Cloudflare while installing SSL through Cloudways and Cloudflare (flexible), this can be re-enabled after the SSL is active, but otherwise it will affect the SSL installation.

I also added openssl.cafile = "/etc/ssl/certs/cacert.pem" to php.ini.

I am not sure which one made it work, but it’s working now. Thanks for all the support!

Related threads:
https://xtemos.com/forums/topic/svg-icon-doesnt-show-up-in-infobox/
https://www.cloudways.com/blog/how-to-install-Cloudflare-cdn-wordpress/

Thank you for posting your solution here. We are glad that you have sorted it out.

[Author]

Posts