Return to previous page

Background image – on product page

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

  • Avatar: queenb123
    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
    Avatar: Rose Tyler
    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
    Avatar: queenb123
    queenb123
    Participant
    January 25, 2021 at 09:31

    Thank you!

    #270029 Copied
    Avatar: Rose Tyler
    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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Agricultural Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Interior – 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.