How can I make the Logo @x or Retina? If I could even upload it @2x and change the size in the CSS should work. The logo in 1x looks horrible on the iPad 3 and the new Retina MacBook Pro.


For faster issue resolution please provide:
URL to your website:
Browser version:
Theme version:
October 23, 2012, 9:43am
AIT Supportivan
Hi, sorry I dont understand whats going on?
October 23, 2012, 5:48pm

Where is the CSS code to resize the the logo? I have a logo that is 212 x 132. I want to use an image that is 424x264 but is displayed at 212 x 132. New products like the iPad 3 and the new MacBook Pro have very high res images and need to be displayed what is known as "retina" or "@2x" images. Google it for more info.
October 23, 2012, 7:20pm

AIT Supportivan
Hi, iam not sure wher eis problem, because when you insert as Logo image the url of image in size 424x264, the image in logo should be displayed in this size, check here: http://idea.ait.sk/wp.guesthouse.ait.sk/

All css codes you can find in file style.less.css, use please developer tools and code inspector of your browser to find the specific selector.

Thanks, Ivan.
October 24, 2012, 3:16pm

I don't think you understand what I am asking. Can you show me where the code for the logo image is in the CSS ( I can't find it).
October 24, 2012, 9:47pm

AIT Supportivan
Hi, in file style.less.css at lines 150-152:
.header .logo { padding-top: 14px; padding-bottom: 0px; }
.header .logo a { text-decoration: none;}
.header .logo span { font-size: 0px; line-height: 0px; visibility: hidden;}

Regards, Ivan
October 25, 2012, 4:16pm

Thanks
October 25, 2012, 8:21pm

Hi Koltasi,
I am trying to do the exact same thing on the Ristornate theme.
Did you manage to code for the retina image?
Would you mind sharing how you got it to work?
Thanks
February 22, 2013, 9:04am

If anyone is having the same trouble I did try this: http://retinajs.com/
It worked perfectly for me and so easy to do, logo is crisp as on retina - Phew
February 22, 2013, 12:07pm