How to create shadow borders around ProductForm and ProductMeta?

[Shockpain02]

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

Thank you so much!

[oscprofessional]

Hi @Shockpain02 ,

Both section is aready have curve borders. 

what are saying ? how you want to connect ?

[Shockpain02]

@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.

[oscprofessional]

@Shockpain02 ,

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

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

[Shockpain02]

@oscprofessional @KetanKumar 

Fortunately the space is smaller, but the space still exists 😞

[oscprofessional]

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!

[KetanKumar]

@Shockpain02 

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

[KetanKumar]

@Shockpain02 

i can see nor border