Technical Forum
Ask questions. Discover Answers.
Showing results for 
Search instead for 
Did you mean: 
Custom Alert Banner

Browser Logon Page Customization


I have been able to figure out where to customize all aspects of the Browser logon page except for the header line as shown here:




Just looking to implement a simple white background for the moment - can anyone point me in the right direction?


(ver 11.4)






There is no customization tool or menu.


All You can do is change css, html code in apm.css manually.


in customization >> advance >> edit mode:advance >> Access profile : common >> apm_full.css (apm_mobile.css if using mobile too)


edit code in tablepage_header


ps. If anyone have easier method please tell me T-T



This is mine (It's gradient, you can change value in background to take effect)


tablepage_header {
/*width: %[page_width];*/
width: %[page_width];
/*width: 1367px;*/
/*width: %[form_width]*/
/*min-width: %[page_width];*/
height: 80px;

background-repeat: repeat-x;
/*background-color: FFFFFF;*/

/*background-image: url(/public/images/my/header-transient.png);*/
background: 175cad; /* Old browsers */
background: -moz-linear-gradient(top,  175cad 0%, 2465b1 8%, 3e77bb 20%, 6290c7 33%, b7cce6 62%, e2eaf5 79%, fbfbfe 93%, fcfcfe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,175cad), color-stop(8%,2465b1), color-stop(20%,3e77bb), color-stop(33%,6290c7), color-stop(62%,b7cce6), color-stop(79%,e2eaf5), color-stop(93%,fbfbfe), color-stop(100%,fcfcfe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  175cad 0%,2465b1 8%,3e77bb 20%,6290c7 33%,b7cce6 62%,e2eaf5 79%,fbfbfe 93%,fcfcfe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  175cad 0%,2465b1 8%,3e77bb 20%,6290c7 33%,b7cce6 62%,e2eaf5 79%,fbfbfe 93%,fcfcfe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  175cad 0%,2465b1 8%,3e77bb 20%,6290c7 33%,b7cce6 62%,e2eaf5 79%,fbfbfe 93%,fcfcfe 100%); /* IE10+ */
background: linear-gradient(to bottom,  175cad 0%,2465b1 8%,3e77bb 20%,6290c7 33%,b7cce6 62%,e2eaf5 79%,fbfbfe 93%,fcfcfe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='175cad', endColorstr='fcfcfe',GradientType=0 ); /* IE6-9 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='175cad', endColorstr='fcfcfe',GradientType=0 ); /* IE6-9 */

/*non-msie: page_alignment */
clear: both;

margin-left: auto;
margin-right: auto;

float: %[page_alignment];
display: block;



We had just opened a Case for this one. Here's the official answer:

  • Navigate through the flyout to Access Policy-->Customization-->Advanced.
  • Under the Properties Editor, you'll see an "Edit Mode" dropdown at the top. Click that and select Advanced.
  • Navigate to Customization Settings/Access Profiles/%YOURPROFILENAME%/Common.
  • Click to highlight the apm_full.css entry.
  • Under the Advanced Customization Editor in the right pane, you'll want to click within the text and perform a [CTRL] + [F] in your browser. Search for the first occurrence of the word background-image.
  • Comment out the entire line by inserting /* to the beginning of the line, and */ to the end.

BEFORE: background-image: url(/public/images/my/header-transient.png); AFTER: /* background-image: url(/public/images/my/header-transient.png);*/

  • After this, keep using the Find function to locate and comment out every line referencing background-image. As of the 11.5.1 code level, you'll do this a total of 4 times. Your results may vary with other code levels.
  • When you have completed, click the [Save Draft] button at the upper right, click [Yes] to confirm, then click [Save] at the top to commit the changes to the CSS file.
  • [OPTIONAL] Perform the steps above to comment the entry from any other CSS files you wish to modify, such as apm_mobile_ppc.css, apm_mobile.css, etc.
  • Once you have completed all edits, you may now Apply the Access Policy by clicking the Apply Access Policy link at the upper left and following through the necessary steps.

I hope that helps, everyone! Feel free to mark this as the answer if this helps!


F5 Employee
F5 Employee
Thank you for this question and answer!


I was getting so frustrated looking for where else that gradient option was. That background-image comment out worked for me. Thanks for sharing!