Logo behaviour is not understood

Hi, again, site in discussion is http://episkop.info

I used Logo from CSS setting in Template - Features. Replaced svg file with the one I need.

Here we can see it work almost fine: https://yadi.sk/i/2bLwEvWsgVbQe - almost because I've got it bigger, but it's downsized somewhere - could you point where to I "play" with settings to make it bigger?

But then, when we scroll down it becomes distorted, yet, I am sure it's still the same svg file: https://yadi.sk/i/A9gZ0u-QgVbqp and same thing ontop of subpages: https://yadi.sk/i/Pmfy7wcjgVc3E

This happens in FireFox only...

Any advice as to what could be done to fix it? Thanks

Please edit: /templates/gk_events/css/override.css and add at its end:

Code: Select all

#gkLogoSmall.cssLogo {
  background-size: 152px 152px;
}


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

I've added code to ../override.css and enabled CSS override with no result My logo is cut off at the top on all pages and aligned left instead being in the centre on homepage. The developing website is here
Thank you for your advice.

I've added code to ../override.css and enabled CSS override with no result My logo is cut off at the top on all pages and aligned left instead being in the centre on homepage. The developing website is here
Thank you for your advice.

perina, I couldn't find override.css being called upon in regard of your logo. Not in the list at all: https://yadi.sk/i/kfV0K-d3gaJux. Here's how it looks when I check up mine: https://yadi.sk/i/ml8rLqIAgaK2e (underlined are three cases when override.css had been called upon).
Most likely, it is due to the fact that you are using setting different from "Logo type: From CSS" in the "Template-Features-Logo type" section, but rather you use "Logo type: Image" setting there (I am just guessing). So, there' would be different class called with gkLogoSmall id here (see UPPERCASED):

Code: Select all

    #gkLogoSmall.DIFFERENTCLASS {
      background-size: 152px 152px;
    }

Can't tell you what class you should use, cause my site's working with Logo: From CSS setting... And in general - I am just quessing... - the fact is that override.css is not being called upon in your case. Dig in that direction...

Original logo was rectangle, while @bozhenko used square one - so the background size had to be fixed for square one. Taking someones code and using it blindly will not help.
@perina - please post your site url, and next time create a separate forum thread as usually most cases are different.

Thank you Bozhenko for your support. You're right about choosing logo type. In the the process I have learned about vector logos and used it instead of JPG and it looks better! I also had to override the SVG logo in folder of the particular color style used. Regards!

Would it be possible to add the CSS override code directly here (instead of /templates/gk_events/css/override.css)?

CSS_override.jpg

Would it be possible to add the CSS override code directly here (instead of /templates/gk_events/css/override.css)?

These two are operating exaclty the same in my observation. The only difference is that for override I get a big editing screen with code highlite (in my case it's important, I don't know the code), and it's easier to spot override.css used in FireBug. In my case, I'll often make a typo or someth and due to that override is not being called upon - like I've traced in your case - if I'd put it in "Custom CSS code" it wouldn't be that easy to spot was that code called upon or not...

Using override.css helps a little bit as any of forum moderators can "modify" the file easily and test if provided solution works (event temporally). With "textfield" box it is much harder to debug if you paste something wrongly.