View all button on featured collection - how to make border and customize button

Store Design
, , , ,
1

ErnestoF_0-1701687104015.png
ErnestoF_0-1701687104015.png1242×665 204 KB

Hello i wanna make 1px black border in this button “View all” but css code in base.css doesn’t work so i think i have to edit some liquid file, but i dont know what file and what code have i paste to make border effect

Thank you guys

chromemaster.eu

123

2

@ErnestoF , can you share your store url?

3

Hi @ErnestoF ,

Paste this code in base.css

.button {
    border: 1px solid black;
    background-color: transparent;
    --border-opacity: none;
}

Hope this code will work.

Best Regards

Team_OSC

4

Hi @ErnestoF ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

Result:

makkaomakka_0-1701688644687.png
makkaomakka_0-1701688644687.png1263×191 2.55 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka