Return to previous page

I want to download the same demo as this single product page demo.

This topic has 2 replies, 2 voices, and was last updated 7 years, 9 months ago ago by Olga Barlow

KUNOICHIjp

Participant

February 7, 2017 at 22:06

I am using the DRINK page.
I want to download the same demo as this single product page demo.
Please tell me how.
https://www.8theme.com/demo/xstore/drink/product/whiskey-1ltr-limited-edition/

Please, contact administrator
for this information.

#154258 Copied

1 Answer
Olga Barlow

Support staff

February 9, 2017 at 18:09
Hello,

1) Add the following custom in child theme style.css
.tabs-full-width {background-color: #ededc0;}

2) And also “Header Overlaps the content” option is still enabled (Theme Options > General > Header Settings) and it means that header is placed over the content, disable this option. If you tell me what design you have for the header or better for the whole single product page I’ll be able to help you and set correct options.

3) Add the following code in child theme style.css
```
.single_add_to_cart_button {
    background-color: #ededc0;
    border-color: #ededc0;
}
```
4) At present, the product image is 1/3 of the container width: 1/3 (33.3(3)%) add to cart + 1/3 (33.3(3)%) – product image + 1/3 33.3(3)%) product description. Do you want to make it bigger? What proportions do you want for the single product page blocks?

5) Add the following code in child theme style.css .pswp__bg {background: rgba(0, 0, 0, 0.7);}

6) As I can see you have already changed the color to yellow.

Shop, Cart, Checkout and My Account pages are WooCommerce pages and you need to install them during WooCommerce setup wizard. If you did not do this go to WooCommerce > System Status > Tools tab > Install WooCommerce pages.

Regards
#154423 Copied
Viewing 2 results - 1 through 2 (of 2 total)