Shadow Borders

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
15649 2345 3025

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 | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
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
15649 2345 3025

@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 | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Shockpain02
Tourist
4 0 2

@oscprofessional @KetanKumar 

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

oscprofessional
Shopify Partner
15649 2345 3025

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 | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
KetanKumar
Shopify Partner
36688 3633 11884

@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
36688 3633 11884

@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