Currently logos are readed from:
wp-content/themes/John/images/logo_dark.svg
and
wp-content/themes/John/images/logo_dark.png
Second one is used when browser doesn't support svg.
Now you either would need to replace those files with your own (that is not a great idea), or use Child theme to insert there your own files.
To do so:
Please edit: wp-content/themes/John-Child/css/override.css (copy it from wp-content/themes/John/css/override.css) and add at it's end:
- Code: Select all
.svg #gk-logo-small.cssLogo {
background-image: url('../images/your_logo.svg');
}
#gk-logo-small.cssLogo {
background-image: url('../images/your_logo.png');
}
Now put your "your_logo.svg and your_logo.png" files inside:
wp-content/themes/John-Child/images
folder.
If you decide not to do svg version, then in override.css put:
- Code: Select all
.svg #gk-logo-small.cssLogo {
background-image: url('../images/your_logo.png');
}
#gk-logo-small.cssLogo {
background-image: url('../images/your_logo.png');
}
instead of previous code.
Remember to enable "Use the override.css file" in theme settings (item in admin menu, under comments section, advanced tab).