Border and Redirect Questions - Symmetry Theme

Store Design
,

Topic summary

A Shopify store owner using the Symmetry theme is facing two technical challenges:

Button Border Issue:

  • Successfully added borders to some buttons using btn.btn--primary and btn.btn--secondary classes
  • Other buttons (Quick Buy, Slideshow, Buy buttons) have border: none !important in the CSS preventing borders
  • Seeking guidance on safely implementing global button borders without breaking existing functionality
  • Hesitant to comment out CSS rules without understanding potential consequences

Collection Page Redirect:

  • Wants to redirect a Featured Collection’s “View All” link to a different page
  • Cannot use Shopify’s native URL redirect (returns 404, suggesting the source page doesn’t exist as a standalone URL)
  • Provided code snippet for theme.liquid that redirects collections with handle ‘spring-ready’ to ‘/collections/all’
  • Uncertain about correct placement in theme files and whether the approach will work properly

Both issues remain unresolved with no responses yet.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Hi Shopify Experts - I seem to be having some trouble adding borders to my buttons. I’m able to do it for some using the btn.btn–primary and secondary, but deeper in my theme there seems to be something in the CSS calling for some borders to be prevented with border: none !important. I’m willing to comment these out but I don’t want anything to break. Would anyone mind telling me what I can use to be able to get a global border for my buttons (including Quick Buy, Slideshow button, Buy, etc.)?

Second question is about redirecting a Featured Collection View All link to another page. I can’t use the native URL redirect as the page isn’t 404, so I want to make sure I’m using the right code in my theme to redirect properly. Believe it should be something like this but not 100% sure if it’ll work/where in theme.liquid it should go:

{% if collection.handle == 'spring-ready' %}
    <script type="text/javascript">
        window.location = "[https://p](https://link-to-page/)ar6golfco.com/collections/all";
    </script>
{% endif %}

Website: https://par6golfco.com