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

Rank Order, Drag & Drop - Custom Code Formatting Help 🤞

  • August 14, 2024
  • 5 replies
  • 132 views
P
Level 5 ●●●●●
Forum|alt.badge.img+5

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! 🚀 🧙

Best answer by Deepak

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;
}

 

5 replies

Deepak
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+46
  • Deepak
  • Answer
  • August 14, 2024

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;
}

 

P
Level 5 ●●●●●
Forum|alt.badge.img+5
  • parkie_0007
  • Author
  • Level 5 ●●●●●
  • August 14, 2024

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

Any other ideas?

Thanks :) 

Deepak
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+46
  • Deepak
  • August 14, 2024

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

 

P
Level 5 ●●●●●
Forum|alt.badge.img+5
  • parkie_0007
  • Author
  • Level 5 ●●●●●
  • August 14, 2024

Got it!

Just this in not working.

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

P
Level 5 ●●●●●
Forum|alt.badge.img+5
  • parkie_0007
  • Author
  • Level 5 ●●●●●
  • August 14, 2024

Forget that! Working! Legend!

Deepak
AlonsoC
Terms & ConditionsAccessibility statement