When deploying the Quicklinks widget, the number of links per row is three by default.
![](https://uploads-us-west-2.insided.com/gainsight-us/attachment/c7a54fac-4243-4e4e-8c5e-011a02846834.png)
While the number of links per row cannot be changed in the widget, you can adjust it with Custom CSS.
![](https://uploads-us-west-2.insided.com/gainsight-us/attachment/b2d740af-ec71-44d9-841a-673cc7b1d02a.png)
Add the CSS code shown below. The number of links will be 12 divided by XX (insert how many you wish):
/* change amount of quick links in a row
12 divided by number below is amount of links
*/
.quicklink__box {
grid-column: auto / span XX!important;
}
It will look like this:
![](https://uploads-us-west-2.insided.com/gainsight-us/attachment/4fc5c599-799f-49d2-a331-860ff46ac4fa.png)
To save click Publish.
Here are a couple of examples;
XX = 2
![](https://uploads-us-west-2.insided.com/gainsight-us/attachment/d0992ba6-ad52-4c6c-9fcd-959abadc65ac.png)
XX = 3
![](https://uploads-us-west-2.insided.com/gainsight-us/attachment/2c106ae4-739a-4514-9d7a-6d5f2275b8c1.png)
XX = 4
![](https://uploads-us-west-2.insided.com/gainsight-us/attachment/5c1ecdd1-bdd5-4f74-bc99-e35ecbefe0b9.png)