I do not want the hot spots that appear on the image under Shop the look. How can i disable it?
Topic summary
A user wants to remove white hotspot indicators from the “Shop the Look” section in Shopify’s Prestige theme.
Solution Provided:
Add CSS code to the theme.css file that hides the hotspot elements:
- Navigate to: Online Store → Themes → Actions → Edit Code → theme.css
- Insert the provided CSS snippet at the end of the file
- The code uses
display: none !important;to hide the carousel navigation hotspots
Reversibility:
The user confirmed the solution worked and asked about reverting changes—simply deleting the added code will restore the hotspots.
Status: Resolved with working CSS solution. An alternative suggestion mentioned editing the shop-the-look.liquid file or contacting theme support, though the CSS approach proved sufficient.
website link and password please.
1 Like
Go to online store ----> themes ----> actions ----> edit code ----> theme.css
add this code at the end of the file and save.
carousel-navigation.shop-the-look__hot-spot-list {
display: none !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
1 Like
that worked, and if i want it again, i just delete the code, right? Thank you very much
To disable the hotspots under “Shop the Look” on your Shopify store, you’ll need to edit your theme’s code—specifically the section handling that feature, usually in a file like shop-the-look.liquid or related JavaScript. You can either remove or comment out the code that generates or displays the hotspots. If you’re unsure, reaching out to your theme developer or Shopify support for guidance is recommended to avoid breaking other features.