When making changes to a Joomla template, one often wants to replace the default logo supplied by the template author. One template which I use extensively is the "Kraken" template from https://crosstec.org.
When changing the default logo to a custom logo, one expects that default logo to be replaced by the new one. However, in a recent attempt, while the new logo appeared, the old logo did not disappear. The upshot is that while the custom logo actually appears, it is overlayed with the original author-supplied logo, as in the following image:
The solution given me by the folks at Crosstec is to edit the file in
/templates/thekraken/css-compiled/bootstrap.css
and look for the following code:
img{max-width:100%;width:auto \9;height: auto;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
Now add the following line of code to the segment:
display: none;
The code segment should now look like this:
img { max-width: 100%; width: auto \9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; display: none }
In my case, the file appeared as one contiguous block of characters with no spaces, so you may have to get creative with your search for the offending code.