Any codes to remove the arrow counter for the featured collection in Craft 14.0 Theme?
Topic summary
A user seeks CSS code to remove arrow counters from the featured collection section in Shopify’s Craft theme version 14.0.
Solutions Provided:
Two working approaches were shared:
- PageFly-Richard’s method: Add custom CSS code to
theme.liquidfile above the</head>tag - EBOOST’s method: Insert CSS code at the end of
assets/base.cssfile targeting the featured collection slider buttons withdisplay: none
Both solutions involve:
- Navigating to Online Stores > Themes > Edit code
- Locating the appropriate file (
theme.liquidorassets/base.css) - Adding CSS to hide the slider navigation elements
Outcome: The original poster confirmed the solution worked successfully, and another user also reported success with the fix.
Hi @Scentedcc
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Richard | PageFly
2 Likes
Hi @Scentedcc ,
May I suggest to update code these steps:
- Go to Store Online-> theme → edit code
- Assets/base.css
- Add code below to end of file
div[id*="featured-collection"] .slider-buttons {
display: none;
}
1 Like
This worked - thank you!
thank you this worked for me