My SVG Payment Logo doesn’t display correctly

  • Resolved haidermaa

    (@haidermaa)


    4 years, 3 months ago

    Hello,

    I’m trying to upload a Payment Processor Logo (VISA & Mastercard) in the footer of my theme using SVG format. but it doesn’t show up at all.

    Please see screenshot: https://ibb.co/7gCSZ2S

    I have enabled the Frontend CSS option & Output JS in footer but without any luck.

    I have replaced at this time with a PNG image but I really need the SVG file instead for image clarity & quality.

    Please help me on how can i fix it. Any help is appreciated.

    Looking forward to your reply!

    Sincerely,

    • This topic was modified 4 years, 3 months ago by haidermaa.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Benbodhi

    (@benbodhi)

    Hi there,

    You might just need to set the width of the image using CSS, it was probably displaying at 0px wide.

    If you put the SVG back in the footer, I can take a look and help out.

    Thread Starter haidermaa

    (@haidermaa)

    Hello!

    I have just placed back the SVG VISA icon only back at the footer. I want to see how this can be fixed & I will try to manage the rest of the icons.

    Looking forward to your reply!

    Sincerely,

    Plugin Author Benbodhi

    (@benbodhi)

    Hi there,

    Sorry for the delay.

    So yeah, it’s there, just no size is set.

    You can add this CSS to your child theme to make them show by setting a size:

    .footer-payments .payments img {
    width: 50px;
}

    I wrote it so you can add as many as you want the same way, and they will all display at 50px (or change to whatever size you want, they’ll scale perfectly to any size).

    Hope this helps ??

    Thread Starter haidermaa

    (@haidermaa)

    Wow!

    Thank you so much! Really appreciate it.

    Plugin Author Benbodhi

    (@benbodhi)

    It’s my absolute pleasure!
    Glad I could help ??

    Please consider leaving a review: https://www.ads-software.com/support/plugin/svg-support/reviews/

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘My SVG Payment Logo doesn’t display correctly’ is closed to new replies.