Hi Team,
i want to remove floating icon’s border. i tried playing with Items Gap (px), Content zoom (%). couldn’t make that
additionally i the hover text is too big on mobile device want to remove that.
This topic has 7 replies, 3 voices, and was last updated 3 weeks, 3 days ago ago by Tony Rodriguez
Hi Team,
i want to remove floating icon’s border. i tried playing with Items Gap (px), Content zoom (%). couldn’t make that
additionally i the hover text is too big on mobile device want to remove that.
reference image attached.
Hi @Abhinandan,
Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:
body .etheme-sales-booster-sticky-panel {
background-color: transparent;
}
body .etheme-sales-booster-sticky-panel .mtips span.mt-mes {
font-size: 20px !important;
}
Kind regards,
The 8Theme Team
good to go…one more thing, want to remove hover text on icon
Dear Abhinandan,
To remove the hover text on mobile devices, kindly add the following custom CSS code to your website:
@media (max-width: 600px) {
body .etheme-sales-booster-sticky-panel .mtips span.mt-mes {
display: none !important;
}
}
We hope this solution proves helpful. Should you have any further questions or need additional assistance, please don’t hesitate to reach out.
Best regards,
The 8Theme Team
Thanks for the support! My topic “want to remove extra border from floating icon and resize hover text” has been successfully resolved.
Dear Abhinandan,
It’s great having you in our WordPress & WooCommerce community!
Every insight you share helps us refine XStore and build tools that empower thousands of online store owners worldwide.
Leave Feedback →
(takes less than a minute)
Together, we grow stronger with every release.
Topic closed.
The 8Theme Team
The issue related to '‘want to remove extra border from floating icon and resize hover text’' has been successfully resolved, and the topic is now closed for further responses