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 }


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 '15 at 9:16
  • you can try border-bottom: 0px !important – Tiago Duarte Feb 2 '15 at 9:20
  • I have updated.. – Batistuta Feb 2 '15 at 9:25
  • you want to remove the border completely? or just in the bottom? – Tiago Duarte Feb 2 '15 at 9:28
  • The bottom only i can remove all border but not the bottom – Batistuta Feb 2 '15 at 9:29

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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