Return to previous page

More info link in Quick View is often displayed wrongly &other style change questions

This topic has 4 replies, 2 voices, and was last updated 1 years, 9 months ago ago by Hannah

Hannah

Participant

February 2, 2023 at 06:25

Hello,
For Quick View:
1.The product contents inside the more info. link in Quick View are often be placed with wrong information like other product’s info. or some broken image link text. How could I improve it?

For Style change:
2.how can I change the style of the order track page other than use the plugin yellow pencil editor? I want to try not to install the plug-in only for this page.
In Elementor, only short code is displayed and no further changes could be made.

https://omilkyway.org/track-order/

2.As you can see in the photo3, there are 3 different green color in the shopping cart page.
how could I change the color for the header button (it’s no use for me to change it either from Elementor global settings or Xstore multi header settings)
And secondly, how could I change the color for the notice bar?

Thank you a lot for your assistance!

#345800 Copied Theme version: 9.0.3 WooCommerce version: 7.3

3 Answers

Hannah

Participant

February 2, 2023 at 06:28

For images you could refer to

#345801 Copied
Tony Rodriguez

Support staff

February 2, 2023 at 10:01
Hello, @Hannah,

1. a.For Quick View: There are 2 possible ways, You can set the Quick View option in Theme Options > WooCommerce > Shop elements > Quick view https://postimg.cc/y39S0vp0 OR you can disable the More Details Link. https://prnt.sc/ck6O_XM-_oMQ

We believe the issue is caused by tags in the description, which when a portion of the excerpt is displayed in Quick View, can result in some tags being left unclosed.

1. b.For Style change: Elementor only displays short codes. To find the short code of a Static Block, please navigate to Dashboard > Static Blocks and edit it with Elementor according to your needs. Please refer to the attached image for further reference. https://postimg.cc/fVkzrZ95

2. To change the color of the header button, please navigate to XStore > Theme Options > Theme Custom Css > Global. There, you can change the background color to your desired preference. For a better reference, please see the attached image. https://postimg.cc/06vdPt06

2. a. In order to change the color of the notification bar, please copy and paste the following CSS code under XStore > Theme Options > Theme Custom Css > Global and click the Publish button. After that, please clear your browser’s cache and revisit your website.
```
.woocommerce-message {
    background-color: red !important;
    border-left-color: red !important;
}
```
Please note that the word “red” in the following CSS code can be changed to any other color as per your requirements.

2. b. To change the color of the light button, please navigate to XStore > Theme Options > Styling/Colors > Light Buttons Color. For a better reference, please refer to the image provided here: https://postimg.cc/K40BkPtW.

We hope this information is helpful.

Best Regards,
8Theme’s Team
#345827 Copied
Hannah

Participant

February 5, 2023 at 05:57

Thanks a lot! Very helpful!

#346037 Copied
Tagged: fixing issues, more info link, quick view, style change, themes, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘More info link in Quick View is often displayed wrongly &other style change questions’' has been successfully resolved, and the topic is now closed for further responses

More info link in Quick View is often displayed wrongly &other style change questions

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection