ThriveCart Custom HTML You Can Copy/Paste

Please feel free to copy/paste the code below into a Custom HTML ThriveCart block. If you use any of these, please consider buying me a coffee ($3.50) so I can make more custom HTML and CSS for your checkouts!

đź’– Thank You SO MUCH!

Call To Action Glow

Buy Now

<style>
.button {
box-shadow: 0 10px 20px -10px #1880b3;
}
</style>

Buy Now

<style>
.button {
box-shadow: 0 10px 20px -10px #F51720;
}
</style>

Buy Now

<style>
.button {
box-shadow: 0 10px 20px -10px #18A558;
}
</style>

Call To Action Glow (On Mouse-Over)

Buy Now

<style>
.button:hover {
box-shadow: 0 10px 20px -10px #2E8BC0;
transition: all 0.2s ease-in-out;
}
</style>

Buy Now

<style>
.button:hover {
box-shadow: 0 10px 20px -10px #2E8BC0;
transition: all 0.2s ease-in-out;
}
</style>

Buy Now

<style>
.button:hover {
box-shadow: 0 10px 20px -10px #01949A;
transition: all 0.2s ease-in-out;
}
</style>

Page Shadow

Example:
Code to Copy/Paste
<style>
.thrivecart-main {
box-shadow: 0 5px 20px rgb(7 30 87 / 49%);
}
</style>
Example:
Code to Copy/Paste
<style>
.thrivecart-main {
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
</style>
Example:
Code to Copy/Paste
<style>
.thrivecart-main {
box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
</style>

Page Curved Corner

Example:
thrivecart course design 2
Code to Copy/Paste
<style>
.thrivecart-main {
border-top-right-radius: 50px;
}
</style>
Tips
Change the #50px to be bigger or smaller depending on how big you want the curve to be.

Change border-top-right-radius to just border-radius if you want all four corners curved.

Video Drop Shadow

Example:
video shadow
Code to Copy/Paste
<style>
.video{
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
</style>
Tips
Change the #1880b3 to the color you use on your button. This is the color of the glow.

More Button Glows…

Find the color you like and then put a <style> and the start of the CSS and </style> at the end.

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffebee; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffcdd2; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ef9a9a; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #e57373; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ef5350; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #f44336; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #e53935; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #d32f2f; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #c62828; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #b71c1c; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #fce4ec; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #f8bbd0; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #f48fb1; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #f06292; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ec407a; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #e91e63; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #d81b60; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #c2185b; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ad1457; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #880e4f; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #f3e5f5; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #e1bee7; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ce93d8; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ba68c8; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ab47bc; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #9c27b0; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #8e24aa; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #7b1fa2; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #6a1b9a; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #4a148c; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ede7f6; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #d1c4e9; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #b39ddb; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #9575cd; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #7e57c2; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #673ab7; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #5e35b1; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #512da8; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #4527a0; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #311b92; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #e8eaf6; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #c5cae9; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #9fa8da; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #7986cb; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #5c6bc0; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #3f51b5; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #3949ab; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #303f9f; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #283593; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #1a237e; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #e3f2fd; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #bbdefb; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #90caf9; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #64b5f6; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #42a5f5; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #2196f3; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #1e88e5; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #1976d2; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #1565c0; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #0d47a1; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #e1f5fe; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #b3e5fc; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #81d4fa; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #4fc3f7; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #29b6f6; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #03a9f4; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #039be5; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #0288d1; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #0277bd; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #01579b; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #e0f7fa; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #b2ebf2; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #80deea; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #4dd0e1; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #26c6da; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #00bcd4; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #00acc1; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #0097a7; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #00838f; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #006064; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #e0f2f1; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #b2dfdb; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #80cbc4; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #4db6ac; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #26a69a; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #009688; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #00897b; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #00796b; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #00695c; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #004d40; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #e8f5e9; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #c8e6c9; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #a5d6a7; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #81c784; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #66bb6a; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #4caf50; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #43a047; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #388e3c; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #2e7d32; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #1b5e20; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #f1f8e9; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #dcedc8; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #c5e1a5; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #aed581; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #9ccc65; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #8bc34a; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #7cb342; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #689f38; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #558b2f; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #33691e; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #f9fbe7; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #f0f4c3; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #e6ee9c; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #dce775; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #d4e157; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #cddc39; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #c0ca33; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #afb42b; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #9e9d24; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #827717; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #fffde7; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #fff9c4; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #fff59d; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #fff176; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffee58; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffeb3b; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #fdd835; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #fbc02d; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #f9a825; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #f57f17; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #fff8e1; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffecb3; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffe082; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffd54f; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffca28; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffc107; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffb300; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffa000; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ff8f00; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ff6f00; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #fff3e0; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffe0b2; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffcc80; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffb74d; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffa726; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ff9800; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #fb8c00; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #f57c00; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ef6c00; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #e65100; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #fbe9e7; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffccbc; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ffab91; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ff8a65; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ff7043; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #ff5722; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #f4511e; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #e64a19; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #d84315; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #bf360c; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #efebe9; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #d7ccc8; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #bcaaa4; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #a1887f; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #8d6e63; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #795548; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #6d4c41; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #5d4037; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #4e342e; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #3e2723; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #f5f5f5; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #e0e0e0; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #bdbdbd; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #9e9e9e; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #eceff1; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #cfd8dc; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #b0bec5; }

Buy Now

.button { box-shadow: 0 10px 20px -10px #90a4ae; }