logo.svg overwrite

Hi,
I edit the logo.svg in template/gk_event_image with illustrator (just replace the word "EVENT"), and upload the new file to overwrite it with the file name.
and refresh the web, the top logo only show a red block with same size (but no pattern),
and scroll down the page, the logo in left is shown with the new one svg!
What's the problem in the top center logo?
Thanks

Could you please post an url to your site?

http://events.tcscope.com/

Hello, i am having a similar problem, i did edit the SVG file to keep the same dimensions using the CSS option for logo in the template configuration here:
http://www.cardiocaribe.com/2014/
I can see it fine in chrome, but not in Firefox, i did clear cache but no success, when i scroll down the logo in FireFox, the one at the left side shows up distorted, also is there a way to make it a little bigger?
Thanks in advance.
Kind regards,
Jose

I got it fixed by editing lines after 273 in template.css

Code: Select all

#gkLogo.cssLogo {
   background: url('../images/logo.png') no-repeat center center;
   /* You can specify there logo size and background */
   height:270px;
   width:270px;
}
#gkLogoSmall.cssLogo {
   background: url('../images/logo.png') no-repeat center center;
   background-size:170px 170px;
   background-position: center bottom;
   /* You can specify there logo size and background */
   height:100px;
   width:170px;
}

Also i did edit my logo.svg in illustrator to fit 270 x 270 px

@linkedla - I would suggest to use override.css and instead - if you will decide to update the template in future - you will only need to archive override.css and insert it back after update.

The css editing after 273 in template.css, seems for logo type with image (logo.png), not for logo type from css (in template manager-->feature-->logo type).
and any suggestion about the disable of logo.svg in page top when logo type: From CSS?

@linkedla - I would suggest to use override.css and instead - if you will decide to update the template in future - you will only need to archive override.css and insert it back after update.

I will only nned to put the part refering to logo into a file named override.css? just ot be sure
Thanks in advance.
jose

The css editing after 273 in template.css, seems for logo type with image (logo.png), not for logo type from css (in template manager-->feature-->logo type).

This one edits the CSS type when you select that one in the features of the template, you can edit there the type of file and use a png or jpg if you want, also the size of it, and following the suggestion of the admins here, copy and paste from the line 273 to 287 and paste and change in override.css file in the css folder. (@ Cyberek please let me know if this is ok, sorry if not )

and any suggestion about the disable of logo.svg in page top when logo type: From CSS?

If you mean the one in the center of the site in home, you can disable it by deleting the custom rules in the features section too in the templates manager, i knew this by making the mistake of deleting it, thanks God i had copy and paste the lines into a notepad... the number is the ID of the menu and the second line is the CSS rule for it.
Hope I can help you.
kind regards,
Jose

In template manager-->feature-->logo type, I chose "from css", and without change any css file.
I just edit the logo.svg, but the top logo of homepage can not show (can not show character), is the logo.svg wrong, but scroll down, the logo left is correct.
and is GK mamager has any suggestion about this problem?

@googooku - right now on your site the logo type is image not css. Please change it back to css and then write back.

The logo type was changed to From CSS, http://events.tcscope.com/
Thanks.

The problem is because of size of your logo - it is much bigger than the original one.
Please edit: /templates/gk_events/css/override.css and add at its end:

Code: Select all

.svg #gkLogo.cssLogo, .svg #gkLogoSmall.cssLogo {
background-size: 100%;
}


Remember to enable "CSS override" in template settings - advanced section.

I've had the same trouble, and this (below) has helped solve the problem for desktop, but not mobile view. Any suggestions for a fix there?

The problem is because of size of your logo - it is much bigger than the original one.
Please edit: /templates/gk_events/css/override.css and add at its end:

Code: Select all

.svg #gkLogo.cssLogo, .svg #gkLogoSmall.cssLogo {
background-size: 100%;
}


Remember to enable "CSS override" in template settings - advanced section.

Is anyone there? I really need to sort this out ASAP, and a reply would be hugely appreciated.

My demo site, where the logo is not appearing on mobile devices, is here:
http://www.letsgoglobal.ca/en/welcome.html

I see the logo correctly on mobile.
Please clear your browser cache or try chrome incognito of firefox private mode to confirm (reduce browser's width to see if the logo is displayed fine).