[calmo16]

Hi, first of all I want to thank you for this great theme!
My question: can the site identity be replaced by a (clickable) logo?
Thanks in advance!

[Mahesh]

Hi @calmo16,

Yes, this can be done. It is a built-in feature.
Go to “Dashboard=> Appearance=> Customize=> Site Identity” and uncheck Display Header Text. Then scroll down a bit and uncheck Check to disable logo. Just above this option, you’ll find Logo option, change the logo to you desired image with Change image.
Let me know if any problem.

Regards,
Mahesh

[calmo16]

Yes, I see it now, thanks.
Having done this, how can i decrease the space between the menu and the logo OR decrease the space between the logo and the featured part?
Thanks in advance.
BR Calmo

[Mahesh]

Hi @calmo16,

The menu in Clean Box theme is fixed to the top. To decrease the space between logo and featured content, you’ll need to add some Custom CSS. Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

#masthead {
    padding-bottom: 0;
}

Let me know if this helped.

Regards,
Mahesh

[calmo16]

No, that doesn’t do it, i think, Mahesh.
I’ve tried this:

}
#site-branding, #masthead .widget, #supplementary .widget {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;

This is as far as it gets; there’s still some space above and beneath the logo (=banner). I want it to fit exactly, so without any spaces 🙂
Is this possible?

I’ve figured out to adjust the banner logo to the with of the block this way:

site-branding {
display: block;
text-align: center;
width: 100%;

[Mahesh]

Hi calmo16,

I thought you wanted to decrease only the bottom space. 😀
You can add the following CSS.

#masthead #site-logo {
    margin-top: 0;
}

#masthead .wrapper {
    width: 100%;
}

#site-branding, #masthead {
    padding: 0;
}

Regards,
Mahesh

[calmo16]

Hi Mahesh,

That’s the trick 🙂

Thanks a lot!
Calmo

[calmo16]

Hi Mahesh,
Now i’m trying to stretch the logo in Fixed Header Options to the full width. How can i do this?
Thanks in advance.
BR calmo16

[Mahesh]

Hi @calmo16,

Seems you’ve customized the theme’s structure.
Add the following CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box.

#logo-icon, #logo-icon img {
    width: 100%;
}

Regards,
Mahesh

[calmo16]

Thanks ?

[calmo16]

Hi,
Another question about the logo icon: How can I change the height of this space?
BR calmo16

[Mahesh]

Hi @calmo16,

Seems you have put max-height for image in header which is causing the height to be limited. Add the following CSS to adjust the height:

#fixed-header-top #logo-icon img {
    max-height: 100px;
}

OR use the following CSS to automatically adjust the height as per the image size.

#fixed-header-top #logo-icon img {
    max-height: none;
}

Regards,
Mahesh

[calmo16]

OK 🙂

[Author]

Posts