-
Posts
-
I figured out how to resize my logo so it’s larger than the default, but it’s now appearing blurry as if it’s stretched from the shrunk upload size. How do I fix this? The code I used in quick css to change the logo header size is below. Any help is appreciated.
`.logo img {
height: auto;
width: 500px;
}.avia-menu-fx { display: none; }
.header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
border-top-color: transparent;
}The file that is uploaded for the logo is currently 600x106px…for some reason the Enfold template seems to be shrinking it to that other size….
Hi!
Please make sure to insert it in full size – http://i.imgur.com/8jRYx6x.png
It is being uploaded as 300x53px.Regards,
YigitOh my gosh…you are amazing! My last question is now the logo is very close to the top of the screen…how can I edit the padding at the top to add more white space and reduce the white space underneath?
Hi!
Now that you have your logo in desired sizes, removing following code from Quick CSS should help
.logo img { height: auto; width: 500px; }Cheers!
YigitHi!
You are welcome, glad we could help! :) Let us know if you have any other questions or issues
Best regards,
YigitHey there,
My logo is also blurry, also when i select “full size” when selecting it. I have uploaded it 2x bigger than i use it on the website, still blurry.
I also tried uploading it even bigger or the actual size. It looks always blurry, or when i uploaded it really big, it was not blurry but rather pixelated.
Please help me here!!
Hi,
@FEWGmbH I checked your website on Safari, Firefox and Chrome on OSX 10.11 (on a retina display) and your logo does not look blurry at all on my end. Have you figured it out already?
If you have not, which browser and OS are you using? And can you please post a screenshot to show us how it looks on your end? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.Best regards,
YigitHi Yigit
I use Chrome on 10.11.4 (not retina) and the logo is still blurry here (chrome and safari). Firefox looks a bit better, but its also not as sharp as it could be!
Also on Windows (IE, Sarafi, Chrome) it looks blurred…See the screenshot i uploaded on our server in private content.
Hi,
Resize the logo to 279x60px or exactly twice that size then upload it again.
Best regards,
IsmaelHi Ismael,
I did upload it 558×120 px and I think it’s better now, is it?
Can you also check on the retina display?Thanks and have a good day.
SimeonHi Simeon,
Sorry for the late reply, it looks better on my end. Are you happy with the result?
Regards,
RikardOn mobile its perfect. But on desktop it’s still not the total sharpness… is it not possible with enfold?
Hi,
Looks sharp to me but if you want you could try resizing it to its original size (120px height) and then cutting it in half with CSS transform:
@media only screen and (min-width: 767px) { .logo {height: 120px;transform: scale(0.5);transform-origin: 0 0;} }Best regards,
JosueHey Josue
Thanks for the tipp, i will try that, ask the client what he thinks and come back to you if needed.
Simeon
Hey Josue,
I have no feedback from the client until now, but here my feedback for the moment:
– In Chrome it looks okayish (not perfect)
– In Safari and Firefox and Opera it’s even a bit worseI just don’t get it why it does that!
- The topic ‘Blurry Logo’ is closed to new replies.