Return to previous page

How to customize style in quick view off screen slider

This topic has 8 replies, 3 voices, and was last updated 6 months, 2 weeks ago ago by Andrew Mitchell

Chandru

Participant

May 8, 2024 at 17:06

How to customize style in quick view off screen slider. Screenshot attached

Files is visible for topic creator and
support staff only.

#394466 Copied Theme version: 9.3.9

7 Answers

Tony Rodriguez

Support staff

May 9, 2024 at 06:35

Hello, @Chandru,

Thank you for contacting us and for using XStore.

Should you wish to customize the Quick View feature, kindly proceed as follows:

1. Navigate to XStore > Theme Options.
2. Select WooCommerce > Shop Elements.
3. Click on Quick View.
4. Adjust the settings according to your preferences.
5. Ensure to save your changes by clicking ‘Publish’.

For your reference, please see the attached image which illustrates these steps. https://imgur.com/5hCm33s

We trust this information will be helpful to you. Should you require further assistance, please do not hesitate to contact us.

Best Regards,
The 8Theme Team

#394491 Copied

Chandru

Participant

May 9, 2024 at 15:04

Hi Guys, Unable to fined style settings on mentioned tab. screen shot attached. i want change button Hover color (#ff6d00) and remove stock count detail.

Files is visible for topic creator and
support staff only.

#394558 Copied
Tony Rodriguez

Support staff

May 10, 2024 at 05:50
Hello, @Chandru,

1/ To remove stock count in quick view, Simply navigate to the Dashboard >> XStore >> Theme Options >> Theme Custom CSS >> Global CSS and paste the below code at the bottom of the CSS box there.

.stock.step-1{display:none !important;}

2/ To change add to cart button hover color in quick view, Please add next custom css code in XStore >> Theme Options >> Theme Custom CSS >> Global CSS and publish it.
```
.et-quick-view-wrapper .single_add_to_cart_button.button:hover {
    background-color: #13c7fa !important;
    color: #b01d1d !important;
}
```
We would like to inform you that you have the flexibility to modify the CSS color code values according to your specific requirements.

We hope you find this information helpful.

Best Regards,
The 8Theme Team
#394586 Copied
Chandru

Participant

May 10, 2024 at 06:41

Thanks guys it works. Can you give me the updated code for border colour and buy now button styles too

#394589 Copied
Tony Rodriguez

Support staff

May 10, 2024 at 09:16
Hello @Chandru,

Thank you for your response

1/ To change the border color of “add to cart” button in quick view Please add next custom css code in XStore >> Theme Options >> Theme Custom CSS >> Global CSS and publish it.
```
body .et-quick-view-wrapper .single_add_to_cart_button.button {
    border: 1px solid #44f20f !important;
}
```
2/ To change the styling of the “Buy Now” button in quick view, Please modify the CSS code in XStore > Theme options > Theme Custom CSS > Global CSS as shown in below attached screenshots.
```
.product-content .et-single-buy-now.single_add_to_cart_button.button{
    border: 1px solid #000000 !important;
    Background-color: red !important;
}
```
For your reference, Please see the following images: https://ibb.co/2gd5YXz & https://ibb.co/vqMtK83

We would like to inform you that you have the flexibility to modify the CSS code according to your specific requirements.

We hope you find this information helpful. Should you require any further assistance, please do not hesitate to reach out. We are here to help.

Best Regards,
The 8Theme Team
#394599 Copied
Chandru

Participant

May 10, 2024 at 12:04

Thanks Guys, thats works well

#394629 Copied

Andrew Mitchell

Support staff

May 10, 2024 at 12:04

Dear Chandru,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team

#394630 Copied
Tagged: customize quick view slider, off screen slider style, style customization woocommerce, woocommerce quick view customization, wordpress slider themes, wordpress woocommerce themes
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘How to customize style in quick view off screen slider’' has been successfully resolved, and the topic is now closed for further responses

How to customize style in quick view off screen slider

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection