How to create shadow borders around ProductForm and ProductMeta?

Store Design
1

Good evening,

I wanted to make some borders around the ProductForm and ProductMeta, but unfortunately I don’t know how to connect those borders.

Link: https://bamino.de/products/schlafbinde

Bildschirmfoto 2021-09-15 um 16.08.08.png
Bildschirmfoto 2021-09-15 um 16.08.08.png888×1692 183 KB

Thank you so much!

1 Like
2

Hi @Shockpain02 ,

Both section is aready have curve borders.

what are saying ? how you want to connect ?

1 Like
3

@Shockpain02

i can see nor border

1 Like
4

@KetanKumar @oscprofessional

On the picture, the Product Meta and the Product Form have borders around, but I want to connect them (where the black arrows are). So there is no space between them.

5

@Shockpain02 ,

.ProductForm {
    position: relative;
    top: -2px;
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

1 Like
6

@oscprofessional @KetanKumar

Fortunately the space is smaller, but the space still exists :disappointed_face:

1 Like
7

Hi @Shockpain02 ,

Right solution is you can make only one border for both the section.

no need to separate it if you don’t want space.

If you increase and decrease the position of top , then it will collapse each other. so better solution is which I have shared above.

Thank You!

8

@Shockpain02

thanks for the update bt i can’t see now please share issue image