Hello, how can I make a frame around this button on the home page?
Topic summary
A user seeks help adding a border/frame around a button on their Shopify store’s homepage.
Solution provided:
- Navigate to Online Store > Themes > Edit Code > base.css
- Add CSS code targeting the button element (
.button.button--primaryor.image-with-text .button.button--primary) - Apply border styling using properties like
border: 2px solid black;orborder: 1px solid #000;
Key details:
- Multiple contributors offered similar CSS-based solutions
- The fix involves adding custom CSS to the theme’s base.css file
- Code snippets and screenshots were shared to illustrate the implementation
Status: Solution provided but not confirmed as implemented by the original poster.
Send URL please
Add This css in your edit Code > base.css File
.image-with-text__content a.button.button--primary {
border: 1px solid #000;
}
