Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter wpforum

    (@wordpressorgforum)

    I checked https://apps.meow.fr/wp-retina-2x/faq/, but not sure how to get the logo to appear @2x. I uploaded via FTP.

    Plugin Author Jordy Meow

    (@tigroumeow)

    It should be resized through CSS. Check “My logo / images appeared twice bigger on Retina.” in the FAQ.

    Thread Starter wpforum

    (@wordpressorgforum)

    Merci, but I’m a novice at CSS, so tell me exactly what to write and where it needs to be placed to work..

    Let’s say you have a logo which is 200×400. The retina logo would be 400*800, but it should STILL be shown as a 200×400 image relatively to the rest of your website. The workaround is to keep it simple and neat: always set the (normal) width and the height for all your images (in HTML directly or via CSS).

    Plugin Author Jordy Meow

    (@tigroumeow)

    Edit your style.css file and add this at the end:

    #logo img {
        width: 234px;
        height: 56px;
    }
    Thread Starter wpforum

    (@wordpressorgforum)

    I added the code to the child style.css file

    Please let me know (send a screenshot) if the logo is sharp and the same size as on a low-res screen.

    https://www.ginapiccalo.com/

    Plugin Author Jordy Meow

    (@tigroumeow)

    Yes, the logo looks perfect now ??

    Thread Starter wpforum

    (@wordpressorgforum)

    Merci. So I need to use WP Retina 2x for all images except the logo. So, I need to add code to style.css with specific sizes as in the code you wrote.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Please confirm if logo look sharps on high resolution screens’ is closed to new replies.