i need to add custom html page in a webpage to show the background etc. i was able to hide navigation bar title bar etc using css. But i cant seems to remove the below space from the menu bar and the right of the window.

enter image description here

Can someone suggest a Css to expand the width to 100% so that the space can be removed ?

  • div.ms-cui-TabRowRight{padding-right:0px;} – SharePointMan Sep 11 '17 at 10:03
  • It entirely depends what's the element's name and other identifiers. I have given here an answer which shows how you can find your element you should adjust with your CSS. It might be that there's a border you need to hide, or indeed you need to expand the body-area's width or such - you can find it out only by inspecting the page's structure. – moe Sep 11 '17 at 10:03
  • i have identified <div class="ms-wikicontent ms-rtestate-field" style="padding-right: 10px;"> to be the problem how do i remove the padding right style:10px – Rinu Sep 11 '17 at 10:08
  • make it 0px !Important; – SharePointMan Sep 11 '17 at 10:15

As you detailed in the comments that the relevant element forming the space area is <div class="ms-wikicontent ms-rtestate-field" style="padding-right: 10px;">, you need to add a padding-right: 0px for the element in question with an !Important rule to override the HTML-defined style attribute.

So, add the following CSS:

div.ms-wikicontent.ms-rtestate-field {
   padding-right: 0px !Important;
  • yes that was it . i was trying .ms-wikicontent.ms-rtestate-field { padding-right: 0px !Important; } – Rinu Sep 11 '17 at 10:16

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.