Home › Forums › WoodMart support forum › SVG Image in a "Single Image" element not displaying.

SVG Image in a "Single Image" element not displaying.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 29, 2019 at 4:54 am #104601

    Cedelanay
    Participant

    Hello,

    I’m trying to display my SVG logo image on my homepage in a WPBakery “single image” element.
    I managed to load the image in WPBakery and it shows fine on the backend in the “single image” element options but the image doesn’t load on the frontend. When I inspect the image on the frontend, it shows a height and width of 0px.
    That same SVG image displays perfectly in the header.

    I tried a workaround by using an “information box” element and loading my image as the icon. The SVG image then displays on the home page but this image is not responsive and keeps the size specified in the backend. I haven’t found a way to make it responsive. Even changing the responsive options of the column doesn’t do anything.

    How can I get the “single image” element to work with SVG images and thus make them responsive ?

    Thank you,

    January 29, 2019 at 7:08 am #104608

    Artem Temos
    Keymaster

    Hello,

    Single image element that comes with WPBakery page builder doesn’t support SVG format. Try to use our Information box and send us a link where we can check its responsiveness.

    Regards

    January 29, 2019 at 7:44 am #104619

    Cedelanay
    Participant

    Do you need to have access to the backend for that ?

    Attachments:
    You must be logged in to view attached files.
    January 29, 2019 at 7:55 am #104627

    Artem Temos
    Keymaster

    Try to add the following code snippet to the Custom CSS area in Theme Settings 

    .woodmart-info-box .info-svg-wrapper svg,
.woodmart-info-box .info-svg-wrapper,
.info-box-icon {
	max-width:100%;
}
    January 29, 2019 at 11:37 pm #104815

    Cedelanay
    Participant

    Thank you Artem, problem solved with your snippet.

    January 30, 2019 at 7:10 am #104834

    Artem Temos
    Keymaster

    Great, you are welcome.

  • Author
    Posts

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘SVG Image in a "Single Image" element not displaying.’ is closed to new replies.