hi I want to remove white spaces in promoted links and I used below code but it doesnot work and I use a script editor for this code in my page what should I do

.ms-webpartPage-root {

border-spacing: 0px !important;


.ms-webpartzone-cell {

margin: 0px !important;


enter image description here

1 Answer 1


Inspect the DOM elements on the final page with the Developer Tools in IE or Chrome (F12) and work out which style gets actually applied to the element in question. Then add custom CSS via your established channel that overrides that CSS style.

  • And to override you probably need CSS with Higher Specificity instead of an !important rule May 14, 2017 at 7:20
  • @Danny'365CSI'Engelman In most cases I've encountered, the !important would do the trick for the same class if the custom CSS is loaded last in the page. Sometimes that is easier than even trying to pronounce specificity, never mind understanding how it works. :)
    – teylyn
    May 14, 2017 at 11:43
  • 1
    The (only) problem with !important is: No other styles can be applied anymore, so if Behnoush on another page wants another margin.. he can't change it with CSS when its glued with !important. Yes Specificity takes time to understand (maybe an hour with this explanation: , after Selectors it is one of the most powerfull CSS features May 14, 2017 at 12:43
  • That makes sense! I still can't pronounce specificity :)
    – teylyn
    May 15, 2017 at 0:58
  • I have named my daughter Specificity... May 15, 2017 at 7:41

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.