Return to previous page

Background image – on product page

This topic has 4 replies, 2 voices, and was last updated 3 years, 3 months ago ago by Rose Tyler

queenb123

Participant

January 24, 2021 at 19:17

Hi,

ARGHHHH – the client is so annoying!
Is there way to add a background image on SINGLE PROUCT pages only pls, something like this:

http://project.brazilianweave.sub.akonsdesigns.com/

Told him that’s very 90s but he says he doesnt care!

Please let me know if it can be done!

Many thanks!

#269990 Copied Theme version: 7.0.0 WooCommerce version: latest

3 Answers
Rose Tyler

Support staff

January 25, 2021 at 09:25
Hi,

You can use the next custom CSS code:
```
body.single-product {
    background-image: url(http://project.brazilianweave.sub.akonsdesigns.com//wp-content/uploads/2016/02/seamless-damask-pattern.png)!important;
    background-attachment: fixed;
    background-position: center center;
}
```
https://www.w3schools.com/cssref/css3_pr_background-size.asp

Regards
#270027 Copied
queenb123

Participant

January 25, 2021 at 09:31

Thank you!

#270029 Copied

Rose Tyler

Support staff

January 25, 2021 at 09:36

You’re welcome!

Regards

#270031 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Background image – on product page’' has been successfully resolved, and the topic is now closed for further responses

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Wedding – WordPress Theme

lazy-placeholder

Marketing – WordPress WooCommerce Theme

lazy-placeholder

Restaurant – WordPress Theme

lazy-placeholder

Mango – Responsive eCommerce PSD Template

lazy-placeholder

Pub – WordPress Theme

lazy-placeholder

Shoes Store – WooCommerce Theme

lazy-placeholder

Babyland 01 – WordPress WooCommerce Theme

lazy-placeholder

Transport – WooCommerce Theme

lazy-placeholder

Pizza Store – WordPress WooCommerce Theme

lazy-placeholder

Classic Fashion Store (Dark) – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.