Naked (Light) chosen, still solid white header background?

[seaofghosts]

Hey guys,

I’m trying to use the Naked (Light) header on my home page and on my category pages, but I’m still getting a solid white background behind the logo. Also with category pages, I am not getting the Naked (Light) logo loading… it should be white? It works on the home page though.

http://www.aliciahannahnaomi.com
http://www.aliciahannahnaomi.com/product-category/wrist/

And with category pages there a way to choose where the image gets cropped? The image dimensions guidelines here http://swiftideas.com/documentation/2014/06/21/content-image-sizes/ doesn’t specify hero images in category sizes so I’m not sure what dimensions I should be uploading.

You’ll need to log in to see.

I checked previous threads, my global header thing is definitely off and my header background is set to “transparent” in the color customizer.

[David Martin – Support]

Hi,

Q1)

Please use this:

.home.layout-fullwidth #container {
	background-color: transparent;
}

Q2) I am having trouble replicating this on my dev version. Could you temporarily disable your child theme and report back?

Q3) There is not a set size as such, these are limited in height which is set by you. In our demo for example. we have this image which has a width of 1920px: http://swiftideas.com/wp-content/uploads/2014/12/Atelier-header-bkg-accessories.jpg.

Thanks,
David.

[seaofghosts]

Hi David!

1. The CSS worked for the home page but it’s still happening on my shop category pages. You can see the dark logo too in this screen shot I’ve attached.

2. It is still loading black in category view using Atelier parent theme; I have left it activated now for you to view with the credentials I posted in my original post.

3. You say I can set the height? Where do I find these settings? I will crop the images myself to fit.

Thanks so much 🙂

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

You can change the WooCommerce header options here: ‘WooCommerce => Shop Options => Shop Category / Page Header‘. This will allow you to use the various light/dark header options.

In the next update, there will be the option added to switch between the light dark logos also. 🙂

Ah sorry, I misunderstood – to set the height for the product archives hero images, please use this little CSS snippet:

.tax-product_cat .page-heading {
    height: 600px!important;
}

Thanks,
David.

[seaofghosts]

Thanks David!

But I’ve still got a white bar behind my logo on the category pages… I’d like it to be transparent like on the home page so that the image goes all the way to the top of the page.

Attachments:

You must be logged in to view attached files.

[seaofghosts]

This reply has been marked as private.

[David Martin – Support]

Hi,

Of course, no problem. Please add this CSS:

.tax-product_cat.header-naked-light #breadcrumbs {
	display: none;
}

Thanks,
David.

[seaofghosts]

Ok! It’s now working in categories but still not on the main shop page?
http://www.aliciahannahnaomi.com/shop/

[Rui Guerreiro – SUPPORT]

Hi,

In that case replace the previous css from David by this one(I added another selector for the shop)

.post-type-archive-product.header-naked-light #breadcrumbs , .tax-product_cat.header-naked-light #breadcrumbs {
 display: none;
}

-Rui

[seaofghosts]

Yippeeee! Thanks guys!

[David Martin – Support]

Great! Thanks Rui.

– David.