Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 15, 2018 at 4:09 pm #1034014
    laurent

    Hello, there are some topics on this theme but it’s not really clear!
    I would like to put images in SVG in the pages of my site
    – I installed the plugin Support SVP
    – I have a child theme
    – I add a media “image” in my page, I load my SVG file but can not display my SVG image in the published page.

    Could anyone please explain what we need to add / edit to view SVG image files in a Enfold site – thanks.

    November 16, 2018 at 9:47 pm #1034603
    Victoria

    Hey laurent,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    November 19, 2018 at 12:01 pm #1035138
    laurent
    This reply has been marked as private.
    November 20, 2018 at 6:31 pm #1035723
    Victoria

    Hi laurent,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia_image {
  min-width: 250px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 20, 2018 at 7:44 pm #1035754
    laurent

    Hello, it works but it’s not really a good solution!
    My SVG is stuck at 250px. He is not responsive.
    Is this solution not better?

    In the code module I add:

    <div class="svg-container">
<object type="image/svg+xml" data="/wp-content/uploads/2018/11/modus-operandi-quadri.svg"  class="svg-content">
</object>
</div>

      In the CSS of my child theme:

      .svg-content {
display: inline-block;
position: absolute;
top: 0;
left: 0;
}

.svg-container {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 100%;
vertical-align: middle;
overflow: hidden;
}

      Or do you have a better solution?
      The padding-bottom is to modify for each SVG. It’s not really good
      Test : http://www2.modop.org/test-svg/

      May be in the next version add SVG media!
      Have a good day

    November 26, 2018 at 6:59 pm #1037714
    Victoria

    Hi laurent ,

    Well, you need to specify the min-width of the object for the browsers to be able to render them.

    Here are the docs for you
    https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/samples/gg193983(v=vs.85)

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.