Personal Logo

Dear good people,

I'm trying to get my Logo onto the John theme and it's giving me some headaches. Apparently, reading from the threads here, I'm not alone.
The website: klangregie.cc

What didn't work was using the image logo in the theme options, because it was shown too small and the size settings wouldn't make an effect.

Then I tried to establish a child theme and use override.css and uploaded pics, like mentioned in another thread here in this John Forum. Unfortunately that broke my menus.

So I went the dirty route and replaced the logo.png and logo_dark.png files and messed around with the template.css. But I don't manage to get the full logo displayed (see website). And I don't manage to get the dark logo displayed in the menu at all.

Please help! I will gladly give you backend access, as well.
Bests,
- Mathis

Hi

It's becuase You have extreamly big logo try adding this to override.css:

Code: Select all

.svg #gk-logo.cssLogo {
    background-image: url("../images/logo.png");
    height: 154px;
    width: 560px;
}


Thanks, that worked. Now only the dark logo in the menu is still missing. Any idea?

Hi

Again You have a logo over 500px width while there is a place for 90px so only a top left corner is shown. Anyway lets solve it with css. Add this code to override.css:

Code: Select all

.svg #gk-logo-small.cssLogo {
    background-image: url("../images/logo_dark.png");
    background-position: center center;
    background-size: 100% auto;
    height: 52px;
    margin: 0 25px 0 0;
    width: 200px;
}


Thank you, that helped!