Background image – on product page

Solved3 replies2 participantsUpdated by Rose Tyler

  • Avatar: queenb123
    queenb123
    Participant

    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!

    3 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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

    Avatar: queenb123
    queenb123
    Participant

    Thank you!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    You’re welcome!

    Regards

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