Home › Forums › Basel support forum › SVG in Information Box not showing
SVG in Information Box not showing
- This topic has 13 replies, 2 voices, and was last updated 3 years, 4 months ago by Elise Noromit.
-
AuthorPosts
-
July 9, 2021 at 7:09 am #305517
RedWolfCyParticipantHello,
We are using SVGs thoughout the website and they are working fine. The problem occures when using an SVG in the Information Box. That one does not show.
Reading through the forum we have seen that you have instructed to enable allow_url_fopen, which we did, but still not showing the SVG only in Information Box.
July 9, 2021 at 8:55 am #305548
Elise NoromitMemberHello,
There is no option to insert SVG images. You need to upload the SVG images to the Media library and provide the image URL and site URL I will give you custom CSS.
Best Regards
July 9, 2021 at 9:01 am #305551
RedWolfCyParticipantHello,
What are you talking about?
Even in your demo you have svg image set by default in information box. I believe you did not understand the issue here.In your demo, for example in the Contact Us 2 page you had setup information boxes showing an svg image, that paperplane one. The problem is that it does not show the image in the front end.
Please see images attached to get a better understanding.
Attachments:
You must be logged in to view attached files.July 10, 2021 at 9:03 am #305774
Elise NoromitMemberHello,
Sorry I have sent you the wrong response. It was for another user. I do apologize.
If SVG icons do not work there maybe to ways to solve:
You need to 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: http://prntscr.com/m4n0qw
Then you will need to re-upload your icons in WordPress Dashboard. You can set any width as per your needs.Another reason:
Some of your SVG images have styles that are applied to the whole page. As a result, the styles of one SVG icon influence the other. In order to solve this, you need to insert inline styles without classes.
You can open your SVG image in any text editor and manually change styles to inline like is shown on this screenshot https://prnt.sc/loz0mw.
If you create SVG in Adobe Illustrator we would suggest exporting SVG with appropriate CSS properties in the first place. During export from Illustrator choose style attributes. You can read more about resolving this issue in Illustrator here https://cobwwweb.com/inline-style-attributes-svg-elements.
You have checked all and none is workable, please provide your site admin access to the private area.
Best Regards
July 12, 2021 at 10:34 am #306021
RedWolfCyParticipantWe have already tried that, the problem is not the width/height, the problem is that it does not render the svg code.
See attached.
Attachments:
You must be logged in to view attached files.July 12, 2021 at 8:20 pm #306158
Elise NoromitMemberHello,
Please test SVG image I attach to detect the reason.
Best Regards
Attachments:
You must be logged in to view attached files.July 13, 2021 at 8:03 am #306285
RedWolfCyParticipantJuly 13, 2021 at 3:49 pm #306440
Elise NoromitMemberHello,
Please, provide your site admin access to the private area.
Please confirm the permit for us to deactivate the plugins not related to the theme and switch to the parent theme for the while of checking what may take up to 15 minutes. Please make the full backup of your site.
Best Regards
July 14, 2021 at 7:58 am #306539
RedWolfCyParticipantHello,
I’m providing access in the private content area.
July 14, 2021 at 10:45 pm #306730
Elise NoromitMemberHello,
Please check the credentials I cannot log in.
Best Regards
July 15, 2021 at 6:07 am #306786
RedWolfCyParticipantPlease try again now with the new credentials
July 15, 2021 at 11:22 am #306855
Elise NoromitMemberJuly 15, 2021 at 1:24 pm #306905
RedWolfCyParticipantThat is because you are trying to login elsewhere.
Please see private area.
July 18, 2021 at 11:20 am #307379
Elise NoromitMemberHello,
Please move the site clone to a testing platform and provide the credentials so that I could enter the site with login URL wp-admin and user ID and password.
Best Regards
-
AuthorPosts
Tagged: bug, Information box, svg
- You must be logged in to create new topics. Login / Register