Remove outline from photo on product page and outline buttons

[sevensickos]

I’ve been trying to get these buttons outlined instead of filled in but it seems like I outlined the image on accident. can I remove the outline from the product image and add an white outline to the buttons instead of having them filled in. all the sizes and the add to cart

[Moeed]

Hey @sevensickos

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[dbuglab]

@sevensickos

Remove border css from base.css line no 3017

[sevensickos]

Thank you, that removed the border on the picture, but not the buttons

I’m trying to have the buttons look like this

[dbuglab]

@sevensickos

Can you try my solution?

[Moeed]

Hey @sevensickos

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[sevensickos]

I tried it didn’t seem to work

[sevensickos]

This sadly didn’t work either

[Moeed]

Hey @sevensickos
Apologies for the confusion, kindly remove the previous code and add this new code above in theme.liquid file

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[sevensickos]

Thank you!! Worked perfect!

[Moeed]

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.