Can’t remove white line to the left of header logo

  • Hi,
    There is a faint white line that appears to the left of a transparent logo in the header for my website.
    Any tips for removing it?
    I have the same issue in either chrome or firefox browser.
    My operating system is: Windows 10, 64 bit
    My theme is Ocean WP.
    I’ve tried a logo on black background and transparent background and triple checked that the line is not in the logo image.
    Thanks in advance…

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,
    That white line is actually part of the image. I downloaded your image to my computer and then created a simple html file with this code:

    <img src="logo-black-transparent.png" alt="" style="background-color: black; width: 300px; height: auto; border: none; padding: 10px;">

    The padding exposes the line on the left side of your image.

    Jay

    (@jaygumanid)

    Hello @magictortoise

    I checked your website and the problem is indeed in your logo image.

    I downloaded it, removed the white line on the left, and I minified it so to be optimized for web browsers by making it light but maintaining the quality.

    Here’s the fixed and minified version.

    Here’s the fixed and original version.

    Let me know how it goes.

    Thread Starter magictortoise

    (@magictortoise)

    Hello @bigmoxy and @jaygumanid,
    Thanks so much for the speedy fix.
    Jay your file worked a treat.
    Much gratitude guys.
    Best,
    Matt (Magic Tortoise)

    Jay

    (@jaygumanid)

    Glad I could help. You may close this thread and mark it resolved now. Cheers.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Can’t remove white line to the left of header logo’ is closed to new replies.