How can I round the edges of embedded forms on Craft 10.0 theme?

Store Design
, ,
1

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.png
rounded.png846×523 30.2 KB

rounded 2.png
rounded 2.png1537×573 517 KB

2

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?

3

www.ralphsorchard.com

4

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;
}
5

Amazing, it worked! Thanks so much :slightly_smiling_face: