Digital experiences for all disciplines
New Landing › How can we help? › Atelier › Naked (Light) chosen, still solid white header background?
New Landing › How can we help? › Atelier › Naked (Light) chosen, still solid white header background?
- This topic has 10 replies, 3 voices, and was last updated 9 years by David Martin – Support.
-
Posted in: Atelier
-
July 26, 2015 at 4:33 am #197722
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.
July 27, 2015 at 6:47 pm #198261Hi,
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.July 28, 2015 at 12:53 am #198343Hi 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.July 28, 2015 at 1:13 pm #198544Hi,
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.July 29, 2015 at 12:20 am #198757Thanks 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.July 29, 2015 at 8:33 am #198816This reply has been marked as private.July 29, 2015 at 11:10 am #198907Hi,
Of course, no problem. Please add this CSS:
.tax-product_cat.header-naked-light #breadcrumbs { display: none; }
Thanks,
David.July 29, 2015 at 1:24 pm #198974Ok! It’s now working in categories but still not on the main shop page?
http://www.aliciahannahnaomi.com/shop/July 29, 2015 at 4:44 pm #199067Hi,
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
July 30, 2015 at 12:07 am #199170Yippeeee! Thanks guys!
July 30, 2015 at 10:09 am #199262Great! Thanks Rui.
– David.
-
Posted in: Atelier
You must be logged in and have valid license to reply to this topic.