SharePoint ribbon displays border cant remove

Question

I am trying to display:none on my sharepoint ribbon

s4-ribbonrow

{ 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

#suiteBar

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

Tiago Duarte · Accepted Answer · 2015-02-02 09:14:47Z

0

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

answered Feb 2 '15 at 9:14

Tiago Duarte

5,2622 gold badges16 silver badges38 bronze badges

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

| show 8 more comments