# 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="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FolVi1yClxpDiN1ddPyO7%2Fimage.png?alt=media&#x26;token=19bcca97-c704-43d2-b027-3cb0695b6f36" alt=""><figcaption></figcaption></figure>