> For the complete documentation index, see [llms.txt](https://help.checkoutchamp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/page-building-tips/custom-classes.md).

# Custom Classes

This article provides instructions to add some helpful classes to your pages. Go to the code editor on each page and add the desired classes.<br>

* [Best Seller](#customclasses-bestseller)

***

### Best Seller <a href="#customclasses-bestseller" id="customclasses-bestseller"></a>

Add a best-seller class to your page. Then add the class to a product radio button to highlight.

.best-seller{\
font-weight:bold;\
background-color:#FDF107;\
border:1px solid #000000;\
margin:0 -28px 0.5em;\
padding:10px 25px;\
font-size:16px;\
-webkit-box-shadow:0px 10px 5px -5px rgb(0 0 0 / 50%);\
-moz-box-shadow:0px 10px 5px -5px rgba(0, 0, 0, 0.5);\
box-shadow:0px 10px 5px -5px rgb(0 0 0 / 50%);\
align-items:flex-start;\
padding-left:25px;\
padding-right:25px;\
}

<figure><img src="/files/OrWmkn0vHYx8ixD3DOwQ" alt=""><figcaption></figcaption></figure>