Home › Forums › WoodMart support forum › SVG information box

SVG information box

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • March 21, 2023 at 4:42 pm #453101

    tcsg.toth
    Participant

    Hi,
    I have the same problem: https://xtemos.com/forums/topic/information-box-svg-image/
    SVG attached. it has width and height

    Attachments:
    You must be logged in to view attached files.
    March 21, 2023 at 6:50 pm #453148

    Artem Temos
    Keymaster

    Hi,

    Please, describe to us your problems in a bit more detail. Attach some screenshots and provide us with a list of steps on how to reproduce them on your website.

    Thank you in advance.

    March 23, 2023 at 5:20 pm #453686

    tcsg.toth
    Participant

    If I use svg image to an information box its not showing at all, just blank white.

    March 23, 2023 at 5:22 pm #453688

    Artem Temos
    Keymaster

    It seems that the file_get_contents function for URLs is disabled on your server. You need to contact your provider and ask to enable this option.

    March 24, 2023 at 1:06 am #453744

    tcsg.toth
    Participant

    its showing now, but not perfect

    March 24, 2023 at 9:34 am #453799

    Artem Temos
    Keymaster

    Could you please clarify where we can see this SVG on your website to see how it looks?

    March 30, 2023 at 12:51 pm #455543

    tcsg.toth
    Participant

    Here is the link

    March 30, 2023 at 2:45 pm #455592

    Artem Temos
    Keymaster

    You need to specify the image size for your SVG icons to make it look smaller https://gyazo.com/a0656bb7b34163a21f846c6cd2b369fc

    March 30, 2023 at 4:13 pm #455637

    tcsg.toth
    Participant

    but the svg is still broken, you can see it on the page

    March 30, 2023 at 4:44 pm #455671

    Artem Temos
    Keymaster

    It may be affected by other SVGs on this page. Could you please create a test page with only one SVG displayed and see how it works?

    March 30, 2023 at 4:46 pm #455672

    tcsg.toth
    Participant

    This is a test page, I have created just for this. There are no any other svg-s.

    March 31, 2023 at 9:34 am #455864

    Artem Temos
    Keymaster

    We see 10 SVGs on this page https://gyazo.com/037aa65a864867e452f9b866b43b6479
    Note that if SVGs are created incorrectly, they may contain code that affects other SVGs on the page. That is why you need to test how it works on an empty page without any SVGs.

    Kind Regards

    April 6, 2023 at 1:59 pm #457792

    tcsg.toth
    Participant

    Now there is no any other svg in the page and still broken.

    April 6, 2023 at 2:11 pm #457804

    Artem Temos
    Keymaster

    We still see a few SVGs on this page. For example this one in the footer https://gyazo.com/b956cc1b376c82ab39b2c3dd40b861fc

    Kind Regards

    April 6, 2023 at 2:31 pm #457815

    tcsg.toth
    Participant

    its a json file, not an svg

    April 6, 2023 at 3:25 pm #457839

    tcsg.toth
    Participant

    footer deleted, please help

    April 6, 2023 at 5:52 pm #457914

    Artem Temos
    Keymaster

    You need to edit this SVG and add id= attribute to the <svg tag. Note that it shouldn’t contain spaces and dashes. Here is an example

    <svg id="mysvg1">

    May 8, 2023 at 3:35 pm #465327

    tcsg.toth
    Participant

    Please help why the SVG (icons 88×88 white bg-10) not working properly in the top center info box. The other is working fine in the right bottom (icons-88)…

    Attachments:
    You must be logged in to view attached files.
    May 8, 2023 at 4:28 pm #465347

    Artem Temos
    Keymaster

    Hello,

    The problem is caused by SVG itself: 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.

    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.

    Best Regards

    May 8, 2023 at 6:16 pm #465401

    tcsg.toth
    Participant

    Url not working

    May 9, 2023 at 10:19 am #465526

    Artem Temos
    Keymaster

    Sorry, here is the right one https://www.seancdavis.com/posts/inline-style-attributes-svg-elements/

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)