I'm working on through this book. I've branded the Master Page and created a Page Layout using CSS. That has all turned out well. But now those customizations are carried through to the dialog boxes.

Following the course material I used:

/* fix margins when dialog is up */
.ms-dialog .customWidth, .ms-dialog .customBodyHolder, .ms-dialog body {
margin:0 !important;
min-height:0 !important;
min-width:0 !important;
width:auto !important;
height:auto !important;
background-color: white !important;
background-image: none !important;
padding: 0px !important;
overflow:inherit;
box-shadow: none;
}

The dialog box is sized correctly after doing this but all of the contents of the page are still displaying. The black header and footer are still there and the search box

So I read up on it and Heather Solomon recommends using:

.ms-dialog .customWidth, .ms-dialog .customBodyHolder, .ms-dialog body {
display:none;
}

That worked better but now the purpose of the dialog box isn't there. For example: Add a new page. The dialog box displays with a white background. It says Add a Page but there is no functionality.

I greatly need assistance. I want to get through this book and I need everything working when I'm done. I like to understand each step.

Help would be appreciated.

Lisa

I fixed the issue but the fix isn't in the book. I had to add this to the style.css. After doing this it works.

I also changed the margin:0px to margin:6px in the previous code

.ms-dialog .customTopHolder,
.ms-dialog .customLogo,
.ms-dialog .customFooterStripe,
.ms-dialog .customFooterHolder,
.ms-dialog .customTopNavHolder {
display:none;
}