Return to previous page

Single Product Page Background Image - by Olexi

This topic has 4 replies, 3 voices, and was last updated 6 years, 11 months ago ago by Olga Barlow

  • Avatar: Olexi
    Olexi
    Participant
    May 3, 2017 at 15:30

    Hi,

    is there a way to add a background image to single product pages?
    Can be the same image for all products.

    Couldn’t find it in the options.

    Many thanks.

    #161995 Copied
    3 Answers
    Avatar: amzy
    Amzy Leel
    Participant
    May 4, 2017 at 03:39

    there is no any option for this.
    you will be needing some custom css for this.

    let me know you site and I’ll give you the code

    #162040 Copied
    Avatar: Olexi
    Olexi
    Participant
    May 4, 2017 at 15:21

    Here is one single product for example … but we need it for all products.

    #162137 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 4, 2017 at 18:48

    Hello,

    Try the following Custom CSS and change the styles according to your needs

    .single-product .template-container .page-wrapper {
    background-image: url(https://www.8theme.com/demo/xstore/handmade/wp-content/uploads/sites/33/2017/02/category-decoration-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Fishing – 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.