Changing Logo image from CSS file?

Question

I have been trying to change the logo in this template where the logo is in inserted as a class from the css file but it doesn't seem to be working.

Code below. (P.S. Assume the new logo image name is NEWLOGO.jpg)

CSS

.logo {
    background:url('../images/logo.png') no-repeat center center;
    background-size:90px 30px;
    width:90px;
    margin-left:-45px;
    height:30px;
}

HTML

<div class="logo"></div>

Any help greatly appreciated.

What isn't working? When you change the CSS to point to a different image it doesn't load? — TZHX, Apr 21 '15 at 09:55
Sorry, yes when I change the img src in he css file it doesnt't change instead it just shows the original image — Damien Dunne, Apr 21 '15 at 10:00
It might be a caching issue - have you tried CTRL + SHIFT + F5? It's so called hard reload. — robjez, Apr 21 '15 at 10:03

score 0 · Answer 1 · edited May 23 '17 at 11:50

0

If you're using Chrome. You can retry after disable cache. Reference: Disabling Chrome cache for website development

edited May 23 '17 at 11:50

Community

1
1

answered Apr 21 '15 at 10:00

anhnv

42
3

score 0 · Answer 2 · answered Apr 21 '15 at 10:05

This very much sounds like a cache error. This article should help you disable the cache on multiple browsers.

Your browser is essentially loading an 'old' version of the page, which it has previously saved. This feature is used by browsers to try and increase navigation times, however sometimes when you are editing a site it does cause errors like this.

score 0 · Answer 3 · answered Apr 21 '15 at 10:05

0

your css file is probably cached by your browser.try clearing your browser history to see the changes you made.

answered Apr 21 '15 at 10:05

AnatPort

719
8
19

score 0 · Answer 4 · answered Apr 21 '15 at 11:41

0

.logo{
    background:url('../images/NEWLOGO.jpg') no-repeat center center;
    /*You need to replace the logo images in the same folder*/
    background-size:90px 30px;
    width:90px;
    margin-left:-45px;
    height:30px;
}

answered Apr 21 '15 at 11:41

Bhushan wagh

181
1
13

This response would be even better if accompanied by a few words of explanation. – Thom Apr 21 '15 at 12:09

Changing Logo image from CSS file?

4 Answers4