Solved

Rounded corners on embedded forms

ralphs_orchard
Excursionist
24 0 2

Hi! I'm looking to round the edges of my embedded forms - one is Custom Liquid and the other is an app. I use Craft 10.0 theme. Is there any way to manage this with adding Custom CSS on theme editor, or by adding code?

 

rounded.pngrounded 2.png

Accepted Solution (1)
oscprofessional
Shopify Partner
15868 2373 3074

This is an accepted solution.

Hello @ralphs_orchard 

Here is the code you can try. I hope it useful-

Go to the Online Store-> Theme-> Edit code-> Assets> base.css -> Add code at the bottom.

.omnisend-form-6591171df07701c41db5710b-section-624ab2f927652f651edfd0ac-opacity-layer {
	border-radius: 10px;
}
#SproutTreeCountBanner div {
	border-radius: 10px;
}
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

View solution in original post

Replies 4 (4)

oscprofessional
Shopify Partner
15868 2373 3074

Hello @ralphs_orchard 
Could you please provide me with the URL for the store you mentioned in your query? Additionally, if the store is password protected, could you share the password as well?

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
ralphs_orchard
Excursionist
24 0 2
oscprofessional
Shopify Partner
15868 2373 3074

This is an accepted solution.

Hello @ralphs_orchard 

Here is the code you can try. I hope it useful-

Go to the Online Store-> Theme-> Edit code-> Assets> base.css -> Add code at the bottom.

.omnisend-form-6591171df07701c41db5710b-section-624ab2f927652f651edfd0ac-opacity-layer {
	border-radius: 10px;
}
#SproutTreeCountBanner div {
	border-radius: 10px;
}
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
ralphs_orchard
Excursionist
24 0 2

Amazing, it worked! Thanks so much 🙂