How to remove gallery image from background?

[Andreavr10]

Hi, I have noticed that in product pages the background image behind product name, in the horizontal title bar, is the homepage image, and I like it a lot, but in the product category pages it’s the stretched product category’s image .

My website has almost all images with white background, and the horizontal title bar looks just grey.

How can I have the homepage background image in every bar?

My website is http://www.lavezzinifly.it/ita/

Here you can see a category page, with the category image as background. Since the top part of the category image is white, the background just show a grey bar.

Here you can see the homepage, with the background image I choose.

Here you can see a product page, with the background image I choose for the homepage. I would like category pages to behave in this same way.

[Harry]

hi,

You can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.archive .jas-wc .page-head { background-image: url(“http://www.lavezzinifly.it/ita/wp-content/uploads/2016/05/test5.jpg”) !important; background-size: cover !important; }

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Andreavr10]

Thanks, that worked perfectly. Just another small thing, how can I center the background image? Now it is all to the left…

 

Thank you again for your fast support.

[Harry]

Hi you can change previous code to

.archive .jas-wc .page-head { background-image: url(“http://www.lavezzinifly.it/ita/wp-content/uploads/2016/05/test5.jpg”) !important; background-size: cover !important; background-position: center center;}

best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Andreavr10]

that actually made the whole background disappear 🙂

• This reply was modified 7 years, 10 months ago by Andreavr10.

[Andreavr10]

and now the background just appears only in product pages. Worst part is that I cannot made it appear again, even with the first code string…

.archive .jas-wc .page-head { background-image: url(“http://www.lavezzinifly.it/ita/wp-content/uploads/2016/05/test5.jpg”) !important; background-size: cover !important; }

It works in the same way as I posted my first request, if I delete all the code, but even if I use the very same code again, it just doesn’t show the background outside product pages.

[Andreavr10]

Please do help me: we’re going online in a few hours… what could have been going wrong?

[Harry]

Can you send me your temporary admin account as private reply. I will take a look.

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Andreavr10]

This reply has been marked as private.

[Harry]

Hi,

It done. This problem because <“>

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Andreavr10]

I don’t know how to thank you for such an amazing support. Thanks again.

 

[Harry]

You’re welcome.

We appreciate if you help us rate for our theme 5 stars at https://themeforest.net/downloads

Thanks & best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts