Return to previous page

How to change xstore fake live view count color

This topic has 5 replies, 2 voices, and was last updated 2 years, 4 months ago ago by mikeb

  • Avatar: mikeb
    mikeb
    Participant
    July 20, 2022 at 05:10

    Hi I’d like to change the fake live view count color including the eye icon so it’s a bit more noticeable. Requesting your assistance.

    #330053 Copied Theme version: 8.2.3 WooCommerce version: 6.7.0
    4 Answers
    Avatar: Awais Ahmed
    Awais Ahmed
    Participant
    July 20, 2022 at 06:24

    Hello, @mikeb,

    You will find the Fake Live View Product Count functionality under XStore >> Sales Booster: https://postimg.cc/SXXvRkWL

    You can read more about it in our theme documentation here: https://www.8theme.com/documentation/docs/sales-booster/

    For changing the Product Count Color and Eye Icon, you have to try with the Custom CSS, so can you please share the page URL and the screenshot of that product count and eye icon, so that I’ll check and help you out if possible.

    Regards 8Themes Team.

    #330063 Copied
    Avatar: mikeb
    mikeb
    Participant
    July 20, 2022 at 06:37

    Thank you. Here’s a sample product page:

    https://www.meatstation.shop/product/pampangas-best-beef-tapa/

    live-view

    #330065 Copied
    Avatar: Awais Ahmed
    Awais Ahmed
    Participant
    July 20, 2022 at 06:50

    Hello, @mikeb,

    1. First of all, please note that the color you will set will apply to the complete sentence not only on the count because the complete sentence is in the single/same div.

    Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global Custom CSS and change the color value as per your requirements.

    .sales-booster-live-viewing {
    color: red !important;
}

    2. For changing the Icon, you have to use the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global Custom CSS and change the icon code as per your requirements.

    You will find all the icons here: https://xstore.8theme.com/xstore-icons/

    .sales-booster-live-viewing i.et-icon.et-view::before {
    content: "\e955" !important;
}

    Here is the Result: https://postimg.cc/grT78w09

    Regards 8Themes Team.

    #330067 Copied
    Avatar: mikeb
    mikeb
    Participant
    July 20, 2022 at 06:56

    PERFECT! thank you very much!

    #330068 Copied

  • Tagged: , , , , , ,

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘How to change xstore fake live view count color’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Animals Store – WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Legenda – WooCommerce WordPress Theme

See All Templates

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