Return to previous page

Product quick view CSS on Product page & Plugin WooCommerce Dynamic Pricing

This topic has 7 replies, 3 voices, and was last updated 2 years, 7 months ago ago by Oliver Theiß

Oliver Theiß

Participant

September 16, 2021 at 11:17

Hello all,

I am really very happy with the theme 🙂

But need your support here. I have attached three screen shots.

On the category and store page it is perfect. However, when I am on a product page…. and then look at a quick view of another product, the colors are not right …

Can you please adjust this:)

Second point, I would like to change the color of the buy now button.

could you give the button a white frame and when clicked it should be blue

Plugin:
it cannot be updated :((

Thanks for your help and have a good day

right colors:

Please, contact administrator
for this information.

#302447 Copied Theme version: Version: 8.0.6 WooCommerce version: 5.6.0

6 Answers
Olga Barlow

Support staff

September 17, 2021 at 11:48
Hello,

Thank you for using our theme!
Use the below code to change QV colors on the single product
```
.quick-view-popup *, .single-product .quick-view-popup .product_meta span a, .single-product .quick-view-popup .product_meta span span, .et-quick-view-wrapper .quick-view-excerpts .excerpt-title {
    color: #fff;
}
.quick-view-popup .quantity > span i {
    color: #868686;
}
```
To change the buy now color for the QV popup:
```
.quick-view-popup .et-single-buy-now.single_add_to_cart_button.button {
    border: 2px solid #fff !important;
}
.quick-view-popup .et-single-buy-now.single_add_to_cart_button.button:focus, 
.quick-view-popup .et-single-buy-now.single_add_to_cart_button.button:hover,
.quick-view-popup .et-single-buy-now.single_add_to_cart_button.button:hover:focus{
    background: #2a3952 !important;
    border-color: #2a3952 !important;
}
```
Regards
#302552 Copied
Oliver Theiß

Participant

September 18, 2021 at 17:44

Hello thank you :))

WooCommerce Dynamic Pricing & Discounts

still the update problem here ?

here the color would still have to be changed 😀

thank you :))

#302647 Copied
Rose Tyler

Support staff

September 19, 2021 at 09:37
Hello,

Add this code also:
```
.et-quick-view-wrapper .quick-view-excerpts .excerpt-title,
.et-quick-view-wrapper .quick-view-excerpts .excerpt-content-inner h1 {
    color: white !important;
}
```
Please follow this article to update the plugin – https://xstore.helpscoutdocs.com/article/37-plugins-update Also, read this one – https://support.rightpress.net/hc/en-us/articles/4406554199953

Regards
#302706 Copied
Oliver Theiß

Participant

September 20, 2021 at 08:41

hello,

I noticed yesterday evening that the arrows in the product slide are also still black.can you adjust the code please.then I insert the code…. 🙂 Thank you

2. ) With the variants articles there is a problem in the Quick View …

in the Quick view variable products of I can not select any product variants and both buttons lead to home page …
Can Wirdas change.

That in “variable products” only one button is displayed.

On the button should stand : “Wähle Deine Produktvariante hier”.
Thanks for the effort and support

lg Oliver

#302774 Copied
Olga Barlow

Support staff

September 21, 2021 at 17:23
Hello,

Use the below code
```
.et-quick-view-wrapper .quick-view-excerpts .excerpt-title,
.et-quick-view-wrapper .quick-view-excerpts .excerpt-content-inner h1,  .mfp-close-btn-in .et-quick-view-wrapper .mfp-close, .et-quick-view-wrapper .arrows-hovered .sm-arrow, 
.et-quick-view-wrapper .arrows-hovered>.swiper-container .swiper-custom-left, 
.et-quick-view-wrapper .arrows-hovered>.swiper-container .swiper-custom-right {
    color: white !important;
}
```
2) If you don’t use variation swatches for this product but default select then you need to go to a single product to choose the option and then add the product to the cart. You can change text using WooCommerce translation files https://prnt.sc/1t48y2v
Check now.

Regards
#302971 Copied
Oliver Theiß

Participant

September 21, 2021 at 18:05

Hello, thank you for the quick help.
So it fits …. 😀 Yes I need to customize a few products that are not varaibles product. :/

#302981 Copied
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Product quick view CSS on Product page & Plugin WooCommerce Dynamic Pricing’' has been successfully resolved, and the topic is now closed for further responses

Product quick view CSS on Product page & Plugin WooCommerce Dynamic Pricing

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection