Skip to Main Content

APEX

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

Apex Header and Background custom colors

MarieMay 19 2014 — edited May 19 2014

HI All,

Thanks for any assistance.

I have been trying for days to change the header color of blue responsive with no success. I went into firefox and was not able to find the properties for the header. I just wanted to change it to a gray color, can you please point me in the right direction.

In another application that I was working on I was using centered blue and wanted to change the background to green however when I save my code like below in the css file and reference it in the template it only changes half of the page to the color I want and the other half stays the same...I am not strong with the css so I am lost.

<!DOCTYPE html>

<html lang="&BROWSER_LANGUAGE." xmlns="http://www.w3.org/1999/xhtml" xmlns:htmldb="http://htmldb.oracle.com" xmlns:apex="http://apex.oracle.com">

<head>

  <title>#TITLE#</title>

  #APEX_CSS#

#TEMPLATE_CSS#

#THEME_CSS#

#PAGE_CSS#

#APEX_JAVASCRIPT#

#TEMPLATE_JAVASCRIPT#

#APPLICATION_JAVASCRIPT#

#PAGE_JAVASCRIPT#

#HEAD#

  <link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_6/css/theme_4_0.css" type="text/css" />

<link rel="stylesheet" href="#WORKSPACE_IMAGES#blackbg.css" type="text/css">

  <!--[if IE]><link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_6/css/theme_4_0_ie.css" type="text/css" /><![endif]-->

  <!--[if IE 6]><link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_6/css/theme_4_0_ie6.css" type="text/css" /><![endif]-->

  <!--[if IE 7]><link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_6/css/theme_4_0_ie7.css" type="text/css" /><![endif]-->

</head>

<body #ONLOAD#>

#FORM_OPEN#

css file code

div#uBodyContainer {

background-color:black;

}

body {

    background-color: black;

    color: #CCCCCC;

    font-family: Arial,Helvetica,Geneva,sans-serif;

    font-size: 12px;

    margin: 0 0 24px;

    max-width: 1920px;

    min-width: 980px;

    padding: 0;

}

I have a sample up on apexoracle.com

https://apex.oracle.com/pls/apex/f?p=83557:LOGIN_DESKTOP:4769551920681

Username and Password is Test

workspace is Pinedo

thanks again for any help.

This post has been answered by Sunil Bhatia on May 19 2014
Jump to Answer
Comments
Locked Post
New comments cannot be posted to this locked post.
Post Details
Locked on Jun 16 2014
Added on May 19 2014
6 comments
1,465 views