Return to previous page

Customizing Fake Sales Booster pop-up with CSS

This topic has 3 replies, 2 voices, and was last updated 50 minutes ago ago by Rose Tyler

  • Avatar: Benz
    Benz
    Participant
    February 28, 2025 at 16:47

    Hi,

    I try to customize the fake sale pop-up. I need the smaller popup. I try the CSS styling but couldn’t work.

    please see the attached picture.

    Here are the CSS Code:

    
.sales-booster-popup {
    width: 150px !important; /* Reduce the width */
    height: 10px !important;
}

.sales-booster-popup-inner .heading {
    font-size: 6px !important; /* Adjust heading size */
    font-weight: 400;
}

.sales-booster-popup-inner .info {
    font-size: 6px !important; /* Make time and location text smaller */
}
    Files is visible for topic creator and
    support staff only.
    #435779 Copied Theme version: 9.4.8
    2 Answers
    Avatar: Benz
    Benz
    Participant
    February 28, 2025 at 18:22

    Temp log in. in Private Content

    Content is visible for topic creator and
    support staff only.
    #435798 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 28, 2025 at 18:40

    Hello, Benz,

    Thank you for reaching out to us.

    Please try to use this custom CSS code:

    #sales-booster-popup {
    width: 300px;
}
#sales-booster-popup .sales-booster-popup-inner {
    padding: 15px !important;
}

    https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

    Best regards,
    8Theme’s Team

    #435802 Copied
  • Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Watches Store – WooCommerce Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Sport Store – WordPress WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
HandMade Store – WooCommerce Theme
lazy-placeholder
WooPress Fullwidth
lazy-placeholder
Kidsstore – WooCommerce 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.