- This topic has 2 replies, 2 voices, and was last updated 7 years, 5 months ago by rsumo2018.
- AuthorPosts
- April 20, 2017 at 3:45 pm #6338
rsumo2018ParticipantI am using Ultra Premium. I uploaded my logo but the logo is blurry. Is there a custom css code that could fix this? My site is http://www.rnsu.org. The logo is png.
Thanks
RayApril 20, 2017 at 4:34 pm #6339
Andrew MisplonKeymasterHi Ray
Thanks for your support. The challenge is that your logo has a lot of detail but the default logo height restriction is
92px
. Because of the small text in your logo, it’s quite hard to make it out unless the logo is much bigger. If you had an alternative, horizontal logo, it would be much better suited to Ultra’s style of header.Here is what you can try:
1. Appearance > Customize > Additional CSS and insert:
.site-header .site-branding img { max-height: 120px; }
You can then adjust the logo restraint as required.
2. Go to
Appearance > Customize > Theme Design > Header
and adjust the Header Height setting to compensate for the larger logo.3. Finally, whatever max-height you settle on in step 1, ideally, you need to save your logo at that height. Right now it’s
1000px x 1000px
which isn’t helping. So for example, if you decide on 150px logo max-height, save your logo, cropped tightly to be150px x 150px
and then your retina logo300px x 300px
.April 20, 2017 at 7:26 pm #6340
rsumo2018ParticipantHi Andrew,
Thanks for your response. I will follow the instructions when I home this evening. - AuthorPosts
You must be logged in to reply to this topic.