Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
Hello - I can't seem to figure out how to put a simple border around all my buttons (on all pages) in Brooklyn theme. I want a simple black border/outline (1 px?) around a white button so it pops off a white background. I have very little coding experience, but I've had good experience cutting and pasting code from message boards in the past.... Kind thanks in advance!
Solved! Go to the solution
This is an accepted solution.
Here's the approach I take to edit CSS on a site:
1) Use chrome dev tools inspector (on mac it's CMD + Shift + C) to find the ID / class of the element you want to change, in this case your button.
2) If you don't have a custom css file yet, create one by adding an asset custom.scss.liquid, then call it in your theme.liquid file after your theme's css file like this: {{ 'custom.scss.css' | asset_url | stylesheet_tag }}
3) Add the css to that file, example:
.button-class { border: 1px solid #000; background: #fff; color: #000; }
This is an accepted solution.
Here's the approach I take to edit CSS on a site:
1) Use chrome dev tools inspector (on mac it's CMD + Shift + C) to find the ID / class of the element you want to change, in this case your button.
2) If you don't have a custom css file yet, create one by adding an asset custom.scss.liquid, then call it in your theme.liquid file after your theme's css file like this: {{ 'custom.scss.css' | asset_url | stylesheet_tag }}
3) Add the css to that file, example:
.button-class { border: 1px solid #000; background: #fff; color: #000; }
Done and done. Exactly what I wanted - thank you so much!
Jed
Hi!
Do you know where to place this code when using MOTION - theme?
Hi, do you know how I can do this, but for Presitge theme? My website is technicalfallbrand.com
User | RANK |
---|---|
124 | |
95 | |
77 | |
60 | |
47 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022