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!

Hi @Shockpain02 ,

Both section is aready have curve borders. 

what are saying ? how you want to connect ?

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
KetanKumar
Shopify Partner
23400 2356 8623

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

0 Likes

@Shockpain02 ,

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


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

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Shockpain02
Tourist
4 0 2

@oscprofessional @KetanKumar 

Fortunately the space is smaller, but the space still exists

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!

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
KetanKumar
Shopify Partner
23400 2356 8623

@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
0 Likes