I am trying to display:none on my sharepoint ribbon


{ display:none; }

The ribbon dont get displayed when i do a print preview but the border of the s4-ribbonrow displays why? I have tried like this


{ display:none; border:none;

} and also


{ display:none; border-width:0px; } it still displays the top border of the ribbon why?


Still not working enter image description here


{ border:1px solid red; border-bottom: 0px !important }

1 Answer 1


when you do display none, the element will not be displayed at all, including the border.

I am guessing that there is another element you may be overlooking.

if you are having trouble, it might help to share a screen shot

  • Hi i have found out it should be my #suitBar when i set it to be red it display alls red border but when using border:none; my border in the bottom still displays the border i cant remove it i can only change the color of it
    – Batistuta
    Feb 2, 2015 at 9:16
  • you can try border-bottom: 0px !important Feb 2, 2015 at 9:20
  • I have updated..
    – Batistuta
    Feb 2, 2015 at 9:25
  • you want to remove the border completely? or just in the bottom? Feb 2, 2015 at 9:28
  • The bottom only i can remove all border but not the bottom
    – Batistuta
    Feb 2, 2015 at 9:29

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.