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, 3 months ago ago by Hannah

  • Avatar: 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?
    (PHOTO1) Quick View Error

    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.
    (PHOTO2) Track Order Page Style how to change?
    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?

    (PHOTO3) How to change colors for header button and notice bar?

    Thank you a lot for your assistance!

    3 Answers
    Avatar: Hannah
    Hannah
    Participant
    February 2, 2023 at 06:28

    For images you could refer to:
    https://omilkyway.org/error-images-for-xstore/

    Avatar: Tony Rodriguez
    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

    Avatar: Hannah
    Hannah
    Participant
    February 5, 2023 at 05:57

    Thanks a lot! Very helpful!

  • 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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.