Rank Order, Drag & Drop - Custom Code Formatting Help 🤞 | XM Community
Skip to main content

Hi everyone,

I hope you’re all doing well.

I’m reaching out to see if a community wizard can assist me with the following.

Here is the current situation, and this is what I’d like to achieve:

As always, thanks in advance! 🚀 🧙

Hey @parkie_0007 ,

You can change things as required. Add it to custom CSS.

/*change number color , font-size, center number, square to circle, remove border*/
.Skin .RO .DND li:nth-child(-1n+9) span.rank {
    color: orange !important;
font-size: 1.2em; 
display: inline-grid;  
  align-items: center;
    border-radius: 50%;
border: 0px;
}
/*increased spacing*/
.Skin .RO .DND ul li {
    margin-bottom: 10px;
}

 

Really appreciate you getting back to me @Deepak but that didn’t work.

Any other ideas?

Thanks :) 

@parkie_0007 Which layout are you using? I used flat and got below result

 

Got it!

Just this in not working.

/*increased spacing*/ .Skin .RO .DND ul li { margin-bottom: 10px; }

Forget that! Working! Legend!

Leave a Reply


Terms & Conditions