logo in main menu

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu May 29, 2014 1:21 pm
Reply with quote
Report this post
Hi,

I have replaced the svg extension with png extension directly in the template.css file (maybe it's better with override?), but the image I see is not as it really is:
- the logo in the menu (logo_dark.png) is too big and it's cut even if its dimensions are smaller (150x70) than yours (170x80).
Can you tell me how can I adjust this?
You can see it here www.lodicitta.it/nitrofilm

Thank you.
User avatar
Expert Boarder

GK User
Thu May 29, 2014 5:07 pm
Reply with quote
Report this post
override.css is much better way if you will ever decide to update the template.
Now logo itself looks fine - it renders in 170x80 box without cutting. Perhaps you are having some caching issues?
User avatar
Moderator

GK User
Thu May 29, 2014 5:44 pm
Reply with quote
Report this post
I don't think I have caching issues.... can you please send me a screenshot?
User avatar
Expert Boarder

teitbite
Fri May 30, 2014 8:50 pm
Reply with quote
Report this post
Hi

I was asked by @nitrofilm to take a look into this thread. Please add this code to override.css:

Code: Select all
#gkLogoSmall.cssLogo {
    background-size: auto 100%;
    height: 52px !important;
    margin: 0 25px 0 0 !important;
    width: 112px !important;
}
User avatar
Moderator

GK User
Tue Jun 03, 2014 2:35 pm
Reply with quote
Report this post
Hi,

with this code in override.css nothing happens.... maybe there's something else I should change?
User avatar
Expert Boarder

GK User
Tue Jun 03, 2014 2:46 pm
Reply with quote
Report this post
I report my actual override file to check if there are some wrong code:

#gkLogoSmall.cssLogo { background: transparent url('../images/logo_dark.png') no-repeat 0 0; }
#gkLogo.cssLogo { background-image: url('../images/logo.png'); }
#gkLogoSmall.cssLogo { background-image: url('../images/logo_dark.png'); }

I noticed that if I add the code teitbite suggested me after this nothing happens even if I substitute my code with teitbite.
User avatar
Expert Boarder

teitbite
Wed Jun 04, 2014 2:33 pm
Reply with quote
Report this post
Hi

Please send me an access to joomla panel. I'll check why it's not working.
User avatar
Moderator

GK User
Fri Jun 06, 2014 9:40 am
Reply with quote
Report this post
Hi,

now everything is working. I think my browser need a little while more to refresh changes....
thank you anyway!!!
User avatar
Expert Boarder

teitbite
Fri Jun 06, 2014 6:24 pm
Reply with quote
Report this post
Hi

It may not be browser but a cache on joomla or server. You are lucky it refreshes with time :) I worked with a website where cache was set to relaese after 1 year. That was the longest work I've done in my life :D
User avatar
Moderator


cron