Order of Quick Links side by side 4 rows

[ts00855375]

Hi Team,

Hope you all doing fine.

As we trying to keep side by side of quick links in employee center portal. but we are unable to achieve order side by side total 4 links. its comes side 3 and below 1 . we need to show total 4 in side by side. Can you please help  on this?

Thanks,

Saikrishna

[Tanushree Maiti]

Hi @ts00855375 

To place  4 items side-by-side in a single row on the Employee Center, you need to update the widget's layout settings and add a quick CSS override.

refer: KB2554455 Employee Center - Quick links doesn't follow order anymore 

https://www.youtube.com/watch?v=3JQWZ9jG8wA

Employee Center Quick Link Order 

Quick Link Service Portal 

[Rakesh_M · Accepted solution]

Hi @ts00855375 ,
You can achieve this with CSS override.
1.Hover over the widget and use Ctrl + right click for instance options.
2.Click on Page in Designer.

3.Now click on page properties in the top right corner.

4.Now under Page specific CSS add the following CSS and click on save.

.all-card-container{
          grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)) !important;
}

4.Make sure you are in the correct scope to update the page properties .Now navigate back to portal  and reload it.