Page 1 of 1

Control Formatting with a a colored background?

Posted: 04 Oct 2018
by YumaIT
I have formatted multiple tables with the following code in the Layout\Style section:

border-radius: 10px;
background: #ABB9DB

giving it a blue color. I have inserted multiple fields (text, dates, etc.) and the entry fields are muted gray in color instead of white as they should be. It appears that the blue colored background is bleeding though.

Is there a way to change the field color to white?

Thanks for your help.

Re: Control Formatting with a a colored background?

Posted: 04 Oct 2018
by AlexZver
Hi!

Add this CSS rule to your CSS Editor:

Code: Select all

input[type=password], input[type=text], input[type=file], input:not([type]), select, textarea, .sp-peoplepicker-topLevel, .sp-peoplepicker-topLevelDisabled, .sp-peoplepicker-autoFillContainer, .ms-inputBox {
    background-color: rgba(255, 255, 255, 1) !important;
}

Re: Control Formatting with a a colored background?

Posted: 09 Oct 2018
by YumaIT
Alex,

Thanks for this code, it did work perfectly. Follow up question; Is there a way to make the page one color (instead of white or #FFFFFF) while having the control boxes remain white?

Thanks again for all of your help!

Re: Control Formatting with a a colored background?

Posted: 10 Oct 2018
by AlexZver
Hi!

Sure, just add this css rule to CSS Editor to color all the form:

Code: Select all

div#fd_form {
    background-color: #ABB9DB;
}

Re: Control Formatting with a a colored background?

Posted: 10 Oct 2018
by YumaIT
Alex,

Thanks! I know these questions and items may be small, but your answers are really saving me time and speeding up our adoption of the system. This was perfect, thanks!