How to create shadow borders around ProductForm and ProductMeta?

Shockpain02
Tourist
4 0 2

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

 

Thank you so much!

Replies 7 (7)

oscprofessional
Shopify Partner
15897 2378 3086

Hi @Shockpain02 ,

Both section is aready have curve borders. 

what are saying ? how you want to connect ?

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Shockpain02
Tourist
4 0 2

@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
Shopify Partner
15897 2378 3086

@Shockpain02 ,

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


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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Shockpain02
Tourist
4 0 2

@oscprofessional @KetanKumar 

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

oscprofessional
Shopify Partner
15897 2378 3086

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!

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
KetanKumar
Shopify Partner
36855 3637 11981

@Shockpain02 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

KetanKumar
Shopify Partner
36855 3637 11981

@Shockpain02 

i can see nor border

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing