How can I make the Logo @x or Retina? - AIT-Themes.com Support

Koltasi

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:

ivan

Hi, sorry I dont understand whats going on?

Koltasi

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.

ivan

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.

Koltasi

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).

ivan

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

Koltasi

Thanks

Sablex

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

Sablex

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

Featured Wordpress Themes

Categories

In this Discussion

Wordpress Templates

HTML Templates

Admin Templates