Frame around product collection images main page theme dawn 7.0.1

Store Design
, ,
1

Hello i want to add a thin/thicker frame around my collection photo images, can it be done with a simple code?

Thanks in advance. :slightly_smiling_face:

My site is:

www.dekanten.no

2

@Dekanten
Hello,
Please Add This CSS GO to Online Store > Select Theme > Edit code > Assets > base.css

.card__inner.color-background-2.gradient.ratio {
	border: 2px solid #000;
}

Like This

oscprofessional_0-1690178571944.png
oscprofessional_0-1690178571944.png1415×625 150 KB

1 Like
3

Hi to you :slightly_smiling_face:

I tried the code but nothing shows up, have tried 3 different browsers too. Amything more we can try?

4

@oscprofessional I have tried it but nothing works, it looks pretty good with the photo you added. Is it anything i can do to make this work?

5

Hello @Dekanten

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.card__inner.color-background-2.gradient.ratio {
    border: 2px solid #000 !important;
}
1 Like
6

@oscprofessional Thank u so much, i tried in the base it didnt work but i placed

int the component-card.css instead and works well. :slightly_smiling_face:

Glad to see it works like it should so big high five. :slightly_smiling_face:

Thank u so much. :slightly_smiling_face:

1 Like