Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1469174

    Hi there,

    i want to display the same SVG logo as in the banner on the Kontakt page again. It is an SVG and works fine in the banner. I am using a simple image element. However it doesn’t show. It should look like in here:
    Screenshot-2024-10-15-at-16-55-34

    Where is it?

    Best,
    Pete

    #1469214

    Hey ausgesonnen,

    Thank you for the inquiry.

    The Image element in the builder doesn’t support SVG files by default. To embed the SVG image, try opening it in a code editor, extract the SVG code, and then place the SVG Code in a Text or Code Block element.

    Example:

    <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
    <svg width="800px" height="800px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16L3.54223 12.3383C1.93278 11.0162 1 9.04287 1 6.96005C1 3.11612 4.15607 0 8 0C11.8439 0 15 3.11612 15 6.96005C15 9.04287 14.0672 11.0162 12.4578 12.3383L8 16ZM3 6H5C6.10457 6 7 6.89543 7 8V9L3 7.5V6ZM11 6C9.89543 6 9 6.89543 9 8V9L13 7.5V6H11Z" fill="#000000"/>
    </svg>
    

    Best regards,
    Ismael

    #1469244

    I am using the plugin Easy SVG Support. It worked for the SVG logo in the banner. Why nit in the image element? Would it be better to use another plugin?

    #1469285

    Hi,

    Thank you for the update.

    Why nit in the image element?

    Yes, the logo supports SVG images by default, but unfortunately, not the Image element. Please try to use a Code or Text Block element and embed the SVG code directly.

    Best regards,
    Ismael

    #1469304

    OK thanks, that worked.

    #1469325

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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