Hi I want to remove 3 buttons. The “Size guide” button is showing the clothing size. It seems to be pre-written in the theme coding. Can you tell me how to remove it? Store URL: besthomestayle.myshopify.com
Topic summary
A user wants to remove a “Size guide” button from their product page that appears to be hardcoded in their Shopify theme.
Solutions Provided:
Three community members offered CSS-based solutions to hide the button:
-
Mustafa_Ali suggested adding CSS to
theme.liquidwithin<style>tags:.ciloe-size-guide.relative { display: none; } -
GTLOfficial and DaisyVo both recommended adding similar CSS to
bootstrap-min.css(orbootstrap.min.css) at the end of the file, usingdisplay: none !important;
All solutions target the .ciloe-size-guide class with CSS to hide the element. Screenshots were provided showing the expected results. The issue appears resolved with multiple working approaches, though the user hasn’t confirmed which solution they implemented.
1 Like
.ciloe-size-guide.relative {
display: none;
}
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution
Hello @U_John
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> bootstrap-min.css
add this code at the end of the file and save.
.ciloe-size-guide.relative {
display: none !important;
}
Result
If this was helpful, hit the like button and accept the solution.
Thanks
Hi @U_John
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file bootstrap.min.css and add this code at the end of the file
.ciloe-size-guide.relative {
display: none !important;
}
Result
Best,
DaisyVo
1 Like