Edit height hero image

[Patipada]

Hi,

I would like to change the height of the hero image on the category pages, like these: http://test.patipada.nl/product-categorie/meditatieset/
It is 300px and would like it to be 150px. I have found out it can be done hard coded in this line:

<div class="page-heading fancy-heading clearfix light-style fancy-image  page-heading-breadcrumbs animated" style="background-image: url(http://test.patipada.nl/wp-content/uploads/2014/12/yoga-meditatie-webshop.png); height: 150px; -webkit-transform: translate3d(0, 0px, 0);" data-height="150">

Need it to be done here, or is it a theme setting somewhere to be found (I have been looking for this but could not find it)?

Also, I am wondering if I can change the default hero image location?
This is now:
http://test.patipada.nl/wp-content/uploads/2014/03/winter_walk.jpg

ps. complements for the work you are doing. These are really great themes you’r building. Wish I have knew this before!

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.page-heading.fancy-heading {
  max-height: 150px;
}

– Kyle

[Patipada]

Ok, great. And is it also possible the change the location of the default hero image? Which is now: http://test.patipada.nl/wp-content/uploads/2014/03/winter_walk.jpg

[Kyle – SUPPORT]

Not sure what you mean?

– Kyle

[Patipada]

Every category has the same (default) hero image on top, like these
http://test.patipada.nl/product-categorie/yoga-artikelen/
http://test.patipada.nl/product-categorie/yoga-artikelen/yoga-kussen/

They all have set the hero image to this:
http://test.patipada.nl/wp-content/uploads/2014/03/winter_walk.jpg

But I would like the default hero image to be this:
http://test.patipada.nl/wp-content/uploads/2014/12/yoga-meditatie-webshop.png

I have done this manually on this categoriepage:
http://test.patipada.nl/product-categorie/meditatieset/

[Kyle – SUPPORT]

Go to WooCommerce > Categories and edit the category to set the hero image

– Kyle

[Patipada]

Ok, yes I have found out this is possible per category.
But I was wondering if I could change the default hero image at once.
So I don’t have to change every category I have manually.

I see this is not possible? I could do this hard coded, I will try.
Thanks for your help!

[Kyle – SUPPORT]

Go to Theme Options > Shop Options, at the bottom ‘WooCommerce Hero Heading Background Image’

– Kyle

[Patipada]

That’s it. Thanks!

[Kyle – SUPPORT]

No problem

[nindja25]

Hi, i have the same problem with the image height it is 300px and i need to be 500px.

I have added as you instruct us css in custom css in thema optionas tab custom css but it not working for me 🙁

please help!

now
http://www.dekora.rs/product-category/tapete/as-creation-tapete/bahamas/

css
http://s8.postimg.org/exbi0jkzp/screenshot_1180.png

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.page-heading.fancy-heading {
  min-height: 500px;
}

– Kyle

[nindja25]

Thanks!!!!!!

it is ok now 😀

http://s8.postimg.org/9n6j990qt/screenshot_1181.png

Next question 😀

How to move header of woocommerce down to the bottom of the image.

http://s8.postimg.org/n5dfljcw5/screenshot_1183.png

[Kyle – SUPPORT]

Great!

I’m afraid that not possible, the title is part of the image area (fancy heading)

– Kyle

[nindja25]

Ok, i respect that, can i customise any of value of header.. height?