Skip to main content
Alistair FIeld
Expert ⭐️
January 16, 2023

Adjust Number of Quick Links in the row

  • January 16, 2023
  • 11 replies
  • 270 views

When deploying the Quicklinks widget, the number of links per row is three by default.

Default number of three Quicklinks per row

 

While the number of links per row cannot be changed in the widget, you can adjust it with Custom CSS.

 

 

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:

 

To save click Publish.

 

Here are a couple of examples;

XX = 2

 

XX = 3

 

XX = 4

 

11 replies

Kenneth R
Expert ⭐️⭐️
April 10, 2024

Hi everyone, great news - we’ve just deployed the new Quicklinks widget that allows you to natively add more than 3 items per row.  :)

The new widget might not play nicely with some custom styling scripts, so if you see something funky with your Quicklinks try commenting-out your custom CSS and enabling the new native setting instead.