Public Forums 71,145 posts

[ktbgreat2 Friend ktbgreat2Join date: August 2012Posts: 90Downloads:0Uploads:3 Thanks: 19]

#193576

Hi there,

Im wondering if you could tell me why my logo I just uploaded is showing blurry. I think it might be being resized bigger, but im not sure why, or how to change that. You can see it here 🙂

http://katchmefilms.com

Thanks heaps for any help I can get,

Katie

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#517882

Could you be more specific about logo issue?
Just for better clarification, please include an illustrated screenshot of what you are trying to achieve,I will help you out then.

---

Attachments:

1. 

[ktbgreat2 Friend ktbgreat2Join date: August 2012Posts: 90Downloads:0Uploads:3 Thanks: 19]

#519101

Hi,

I have attached the picture that I have uploaded. Here it is in its original size and not blurry, but on the site its is enlarged just abit and is blurry.

Its also blurry on my iphone, and there is a funny line going through the logo there. I think the menu isnt working in that side button or something

Thanks
Katie

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#519189

Hi Katie,

Please try tweak below to fix the problem on mobile layout:

Open templates/ja_wall/themes/blackboard/css/theme.css file

Change

#logo h1 a {
float: none;
margin: 0 auto;
}

.logo-image h1 a {
background: url(../images/logo.png) no-repeat left top;
height: 48px;
margin: 0 10px;
text-indent: -999em;
width: 81px;
}

To

#logo h1 a {
float: none;
margin: 0 auto;
background-size: 45%;
}

.logo-image h1 a {
background: url(../images/logo.png) no-repeat center top;
height: 48px;
margin: 0 10px;
text-indent: -999em;
width: 81px;
}

Hope this helps

[Author]

Posts