Different logo for different type “minimal” style header

Hello,

Not sure about that. The product page is not listed within standard dashboard / pages settings. We have maybe changed it together once, but i did not make any changes then. The thing is that the image is actual the logo text – just made as an image. That’s the reason why I would maybe prefer to have the generated logo text instead of the image. It will be more lightweight and efficient to switch back to the text version and we can change the colours for separate pages with the CSS then, right? Could you help me with that, please? That means that I will disable the image logo globally (on every page), the standard wordpress title will appear as logo and then we just need the custom CSS so the text appears white or black depending on the page. Is that possible, please?

• This reply was modified 5 years, 9 months ago by micwie.

Hello, yes you are right. Disable the logo image and change the default text which will display as a logo with CSS.

Ok. But how can I change the colors of the logo then? I need two variations depending on the page. See my previous post from 3 days ago or here below:

(TOP BAR NAVIGATION)
HOMEPAGE – white items, white logo
MY STORY – white items, white logo
CONTACT – white items, white logo
CART – black items, black logo
FAQ – white items, white logo
SHOPPING GUIDE – white items, white logo

(CATEGORY NAVIGATION)
ALL CATEGORIES – black items, black logo

(WOOCOMMERCE pages)
CART – black items, black logo
CHECKOUT – black items, black logo
SINGLE PRODUCT PAGE FROM ARCHIVE – black items, black logo

• This reply was modified 5 years, 9 months ago by micwie.
• This reply was modified 5 years, 9 months ago by micwie.

It’s very strange. Can you show me the screenshot of the Oceanwp settings metabox > header tab for the Cart and FAQ? Also a screenshot of the Customize > Header > Logo section.

Hi,

Sure. Here they are:

View post on imgur.com

Just to make sure we understand each other:

1) I did get rid off the image logo version on every page so it changed automatically to the CSS version (text) – it is more efficient and saves some time within the page loading.

2) The only think I want to change and modify is the color of the logo depending on the page. So I am looking for some CSS modification which will make this happen. See the instructions for the colors below. I can control the colors of the menu within the metabox, but not the logo text – this is only possible within customize global controls which are affecting ever page then.

Thank you.

(TOP BAR NAVIGATION)
HOMEPAGE – white items, white logo (transparent menu)
MY STORY – white items, white logo (transparent menu)
CONTACT – white items, white logo (transparent menu)
CART – black items, black logo (minimal menu)
FAQ – white items, white logo (transparent menu)
SHOPPING GUIDE – white items, white logo (transparent menu)

(CATEGORY NAVIGATION)
ALL CATEGORIES – black items, black logo (minimal menu)

(WOOCOMMERCE pages)
CART – black items, black logo (minimal menu)
CHECKOUT – black items, black logo (minimal menu)
SINGLE PRODUCT PAGE FROM ARCHIVE – black items, black logo (minimal menu)

Use the below code to change the color depending upon the header style.

.minimal-header a.site-title.site-logo-text {
    color: #000000 !important;
}
.transparent-header a.site-title.site-logo-text:hover {
    color: #ffffff !important;
}

This is perfect and works across all the pages! Thank you!

You’re welcome!