Adding spacing (padding/margin) to a “Clear Selections” filter link on a Shopify collection page. The link was added in collections.filters.tags.liquid, but it sits directly atop the filter menu with no line space.
Current code shows incorrect inline CSS on the tag and an invalid targeting “href”, so spacing changes have no effect. CSS terms: padding/margin control space around elements; they must target a valid selector (e.g., the link’s class).
Requests for the store URL were made and the collection page link was provided: https://feinaustralia.myshopify.com/collections/sanding. A suggestion to add padding-bottom was given, but the attempt didn’t work due to wrong selector usage.
A screenshot is central, showing the “Clear Selections” link immediately above the filter menu.
Outcome: No working code or finalized solution yet. Next needed step is correct CSS targeting (e.g., the link’s class) to add margin or padding below the “Clear Selections” element. Discussion remains open.
Hi, I have used code below to add Clear All option to my filters. Only issue is that it appears directly on top of the filter menu, and I want to add a line space between them. Can anyone help with the code? I’ve added it in collections.filters.tags.liquid file.
<a class=“clear_all_filter” {display: block; margin: 0px 0px 10px 0px;} href=“/collections/all”>Clear Selections
Hi, @LisaB4 Please share the store URL.
That is the thing that I was searching for, what a data present here at this site, thank you administrator.
Can you share the URL of the page that has this clear selection section
Hello @LisaB4 !
Try with adding padding-bottom CSS.
thanks for you help. I’m completely new to this so not sure what you mean.
have tried below but it still hasnt added space. Are you able to give me code that I can copy and paste?
href={padding-bottom: 25px;}Hi, link https://feinaustralia.myshopify.com/collections/sanding
Thanks!
