[jsantiago44]

It won’t let me upload an svg for the main site logo due to security reasons. Is there a way to do this? Or is there away to have a 2x image but size it down with html so it doesn’t look so blurry on retina displays? I didn’t see a way to do this through the theme options interface.

Thanks

[serkan]

Hi jsantiago44,
WordPress is not enabled to accept SVG files, but that option can be turned on via your theme’s functions.php file. For info on how to do that, see here: (http://css-tricks.com/snippets/wordpress/allow-svg-through-wordpress-media-uploader/).

You can upload double size png format logo and it won’t be a problem on retina displays.
Thanks

[jsantiago44]

Thanks. That worked for the SVG, but when I upload it through the interface it doesn’t give me any options to set the dimensions, so it’s too big.

The was a similiar issue I ran into with the pngs too. I uploaded double size, but when I set the parameter through the interface, it is actually saving out a smaller image instead of just using css to size down the 2x version.

Thanks

[serkan]

Hi jsantiago44,
If you provide me your related url, I can give you some custom css code for the logo.
Thanks

[jsantiago44]

Here you are:

http://www.quickenme.com/

[serkan]

Hi jsantiago44,
You can limit the max width and height via this custom css code. It won’t be problem with retina display. You can change the max limit (increase or deacrease)

.site-title img { max-height: 100px; max-width: 200px; }

Thanks