Return to previous page

Problem related with Quick View, How to edit it?

This topic has 9 replies, 2 voices, and was last updated 4 months, 1 weeks ago ago by Rose Tyler

Asmit Kumar Sah

Participant

June 16, 2024 at 17:08

How can i edit Quick View ??

#400102 Copied Theme version: 9.3.12

8 Answers

Asmit Kumar Sah

Participant

June 16, 2024 at 17:09

using elementor, how can i edit quick view??

#400103 Copied

Rose Tyler

Support staff

June 16, 2024 at 17:13

Hello Asmit Kumar Sah,

Thank you for contacting us and for using XStore.

Quick View elements can be enabled/disabled via Theme Options > WooCommerce > Shop Elements.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Warm Regards,
The 8Theme Team

#400104 Copied

Asmit Kumar Sah

Participant

June 16, 2024 at 18:44

The image size in Quick view is too large, i want to make it small but i couldnt find option to it.

#400111 Copied
Rose Tyler

Support staff

June 17, 2024 at 07:02
Hello Asmit Kumar Sah,

Custom CSS code can be used, for example –
```
.et-quick-view-wrapper .main-images a {
    max-width: 250px !important;
}
```
https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

Warm Regards,
The 8Theme Team
#400127 Copied
Asmit Kumar Sah

Participant

June 17, 2024 at 08:22

Thank you, but a quick question,
Where can i get all these CSS classes.

#400140 Copied

Rose Tyler

Support staff

June 17, 2024 at 08:45

Hello,

You’re welcome!
Please read this article – https://developer.chrome.com/docs/devtools/css

Warm Regards,
The 8Theme Team

#400144 Copied

Asmit Kumar Sah

Participant

July 7, 2024 at 20:55

can you give me css selector for product name typography, i want to make it font size small

#403476 Copied
Rose Tyler

Support staff

July 8, 2024 at 07:05
Hello Asmit Kumar Sah,

To adjust the font size of the product name typography on your website in quick view, you can use the following CSS selector and properties:
```
.et-quick-view-canvas .et-content-inner .product-name a {
    font-size: 14px;
    line-height: 1.2 !important;
}
```
You can change the font-size value to a smaller size depending on your preference. For example, if you want to make the font size smaller than 14px, you might try 12px or 10px.

For more information on how to use CSS and DevTools, you might find the following resource helpful: https://developer.chrome.com/docs/devtools/css

If you need further assistance or have any more questions, please feel free to contact us.

Warm Regards,
The 8Theme Team
#403503 Copied
Tagged: edit quick view woocommerce, quick view issues, troubleshoot woocommerce themes, woocommerce quick view, woocommerce themes quick view, wordpress quick view editing, wordpress themes problems
Viewing 9 results - 1 through 9 (of 9 total)