I need to remove the unused white space from my team site and my community site, I added a custom CSS which have the following :-

display: none;

But still the s4-titlerow is displayed as shown in the below picture:-

So is there a way to remove the un-used space and shift all the content to occupy it. Second point I still need the search box to be shown ?


Try using !important after your rule to override the inline style:

    display: none !important;
| improve this answer | |
  • it worked well, but i have two questions. but what will !importnat do ? and is there a way to keep the search area , as when removing the s4-titlerow the search will be removed also ? – john Gu Sep 4 '13 at 11:57
  • 1
    !important tells the browser that you think your rules is more important the rule of most specificity that is normally used in CSS. I think you should need some basic knowledge in CSS pal ;) – Robert Lindgren Sep 4 '13 at 12:00

Do not use !important before you have too!

I would use this instead

#s4-bodyContainer > #s4-titlerow {
     display: none;
| improve this answer | |
  • While I applaud your attempt to not use !important, this did not actually work on my site. – SouthShoreAK Jul 20 '16 at 18:38
  • @SouthShoreAK I've updated my answer because I had a typo. Try that again. – Plexus81 Jul 21 '16 at 7:25

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.