APEX CSS - backend font colors

Hi,
I am using APEX 3.2 and I want to change the APEX-backend font-colors, especially the links, which are grayish.
How can I do it?
Thanks in advance,
Sedso
Edited by: user630478 on Jun 10, 2009 9:56 AM

There is no supported way to modify the appearance of the Application Builder.
The concensus is that Firefox + Stylish is the best way to do this. I use this to alter the look of the page definition screen as I find the headings too large and the rest of the text too small.

Similar Messages

Please Help me fix the css for font colors in this menu!

I have finally figured out how to make my drop down menu work, but I need some help troubleshooting this code. I have fiddled with the code for several hours and have still been unable to fix it. My issue is that I have been unable to distinguish between the top level links and the dropdown menu links. I want the dropdown menu links to be a light cream color. However, they are being displayed as the same color as the hover color.
Here is the webpage loaded online: www.theriveroverlook.com/Trial.html
If you hover over "Accomodations", you will see the issue. The green color of the hovered links is also being displayed in the lower level menu. This makes them unable to be read easily and presents a problem.
Here is applicable css code:
body {
           width:1170px;
           height:1300px;
           background-image:url(BackgroundImage.jpg);
background-repeat:no-repeat;
padding-left:0px;
padding-right:0px;
padding-top:0px;
/* BEGIN HORIZONTAL DROP-MENU */
#navcontainer {
          margin-left:0px;
          padding-left:0px;
          margin-top:200px;
          background-image:url(MenuBarFINAL.png);
          background-repeat: no-repeat;
          height: 192px;
                      width:1170;
nav {
                       font-size:22px;
                       font:"goudy-bookletter-1911";
                       font-weight:500;
          text-align: left;
          padding-top: 65px;
                      margin-left:0px;
                      padding-left:0px;
nav ul ul {
          display: none;
nav ul li:hover > ul {
          display: block;
nav ul {
                              margin-left:0px;
          padding: 0 0px;
          list-style: none;
          display: inline-table;
/*Top level nav spacing, listing*/
nav ul li {
          float: left;
                       margin-left:0px;
nav ul li:hover a {color:#060;}
nav ul li:active a {color:#300;}
nav ul li:visited a {color:#900;}
/*top level text display*/
nav ul li a {
          display:inline;
          text-decoration: none;
                      color:#55390e;
ul.accomdrop a {
          color:#fbf1cc;
#accomdrop {
                  background-image:url(dropdownpng.png);
                              margin-top: 13px;
                              width: 155px;
                              padding-bottom: 69px;
                              background-repeat:no-repeat;
nav ul ul li {
                              font-size:18px;
                              font-weight: 100;
          float: none;
                      color:#e4ddc8;
#home {
          margin-left: 75px;
#accom {
          margin-left: 35px;
          width: 120 px;
          padding-right: 25px;
#holston {
          padding-top: 10px;
          padding-bottom:10px;
          padding-left: 17px;
          word-wrap:normal;
          text-align:center;
          width:120px;
#tennessee {
          padding-top: 10px;
          padding-bottom: 15px;
          padding-left:17px;
          word-wrap: normal;
          text-align:center;
          width: 120px;
#french {
          padding-top: 8px;
          padding-bottom: 10px;
          padding-left: 17px;
          word-wrap:normal;
          text-align:center;
          width: 120px;
#amenities {
          margin-left: 15px;
          width: 110px;
#packages {
          margin-left: 285px;
          width:120px;
#packdrop {
          background-image:url(dropdownpng2.png);
          margin-left:-35px;
          margin-top: 13px;
                              width: 155px;
                              padding-bottom: 80px;
                              background-repeat:no-repeat;
#romance {
                    padding-top: 5px;
          padding-bottom:8px;
          padding-left: 2px;
          word-wrap:normal;
          text-align:center;
          width:150px;
#golf {
          padding-top: 15px;
          padding-bottom:12px;
          padding-left:2px;
          word-wrap:normal;
          text-align:center;
          width: 150px;
#photo {
          padding-top: 5px;
          padding-bottom:13px;
          padding-left:2px;
          word-wrap:normal;
          text-align:center;
          width:150px;
#cook {padding-top: 7px;
          padding-bottom:10px;
          padding-left:2px;
          word-wrap:normal;
          text-align:center;
          width:150px;
#fish {padding-top: 10px;
          padding-bottom:10px;
          padding-left:2px;
          word-wrap:normal;
          text-align:center;
          width:150px;
#directions {
          margin-left: 20px;
I really appreciate any help you can give me! Sometimes, you stare at something so long that you can't see the obvious problem before you!
Jaime

See if this helps:
http://alt-web.com/DEMOS/CSS-Multi-colored-drop-menu.shtml
Nancy O.

Changing font color in a report using SQL query for APEX 5.0

Hello,
I am testing APEX 5.0 in my testing environment to see if I can migrate my internal apps from 4.2 to 5.0.
How can I change the font color in a field based in the SQL query? I know how to do it in 4.2 but I can't find the same in 5.0.
Thanks,

Well, I used to put the html tags in the select as text getting the color value depending a CASE , then I had to change the Display attribute for the column in the report as "Display as text (espace special characters...)".
I found an old post here: https://tylermuth.wordpress.com/2007/12/01/conditional-column-formatting-in-apex/ and this method still worked for me in APEX 5.0
Thanks anyways

Font color (using css) does not work on ImageHyperlink

Hello,
I cannot change the font color of an ImageHyperlink.
I am using a CSS style for ImageHyperlink.
The CSS style that I applied is working fine for font-size and background-color but not for the color property.
The behavior is the same on IE7 and firefox.
I would like to apply a different style upon the category of my hyperlink.
Is it a bug or did I miss something?
Thanks,
Val

I am also facing the same problem. However, putting the styles in the Style property of the hyperlink works.

Override css font color for input textfield?

I'm trying to override a font color for an input field that
is defined in a css. My css for the field looks like this:
input.text {
font-size: 1.5em;
color: #602E0C;
width: 400px;
I've added input.textfieldHintState { color: #999; } below it
but its not displaying the new color for the hint. The hint is the
same color as before. I'm trying to make the hint in the input
field somewhat grayed out.
Anyone know how to do this?

Thats a great example of CSS specificity.
(learn more about it here:
http://css-tricks.com/specifics-on-css-specificity/)
If that doesn't help you out, do you have a online
page?

APEX 4 Interactive Report set font color of negative values to red

I have an interactive report with several columns containing numerical values. If the value is negative, I want the font color to be red. Can someone help me with this process please.
Application Express 4.1.1.00.23
Thanks!
Chris

Hi,
Use build in highlight
http://docs.oracle.com/cd/E23903_01/doc/doc.41/e21674/ir_using.htm#sthref1343
Then save report default layout
http://docs.oracle.com/cd/E23903_01/doc/doc.41/e21674/ir_using.htm#CHDDDBCG
Regards,
Jari
My Blog: http://dbswh.webhop.net/dbswh/f?p=BLOG:HOME:0
Twitter: http://www.twitter.com/jariolai

CSS font colors

Hello,
I like to have a black color of the positive numerical
notations and a red color to the negatief numerical notations.
If it isn't possible the most numerical notations have also a
css code.
Ik hope someone can help me with a solution how to arrange
this?
I am using asp and access at the moment.
Jan from holland

Zero is regarded as positive. 8)
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Nancy *Adobe Community Expert*" <[email protected]>
wrote in message
news:e7e4vk$no3$[email protected]..
> <% If number > 0 %>
> css class with color: #000;
> <% else %>
> css class with color: #f00;
> <% end if %>
>
> what color do you want if the number is zero?
>
>
> --
> Nancy Gill
> Adobe Community Expert
> BLOG:
http://www.dmxwishes.com/blog.asp
> Author: Dreamweaver 8 e-book for the DMX Zone
> Co-Author: Dreamweaver MX: Instant Troubleshooter
(August, 2003)
> Technical Editor: DMX 2004: The Complete Reference, DMX
2004: A
> Beginner's
> Guide, Mastering Macromedia Contribute
> Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced
PHP Web
> Development
>
>
> "snuif12" <[email protected]> wrote in
message
> news:e7e0f7$i7k$[email protected]..
>> Hello,
>>
>> I like to have a black color of the positive
numerical notations and a
>> red
>> color to the negatief numerical notations.
>>
>> If it isn't possible the most numerical notations
have also a css code.
>>
>> Ik hope someone can help me with a solution how to
arrange this?
>>
>> I am using asp and access at the moment.
>>
>>
>> Jan from holland
>>
>>
>>
>>
>>
>
>

Changing font color in a tree node

All,
I created a tree and all looks good but iam trying to set the font color of a node as show below but it wont work, can somebody pls give me a solution where i went wrong here,
select case when connect_by_isleaf = 1 then 0
            when level = 1             then 1
            else                           -1
       end as status,
       level,
       '<SPAN style="color:red;">' || "ENAME" || '</SPAN>' as title,
       (case when level = 1 then '#IMAGE_PREFIX#Fndtre11.gif'
             when level = 2 then '#IMAGE_PREFIX#Fndtre12.gif'
             else '#IMAGE_PREFIX#Fndtre13.gif' end) icon,
       "EMPNO" as value,
       null as tooltip,    url as link
from EMP
.......apex 4.1.1
thanks

Dear Gor,
I have updated the sample tree to demonstrate the solution on
http://apex.oracle.com/pls/apex/f?p=53647:5:17418576019225:::::
login with test/test
The steps are the following:
1) Edit the page (right click on page title --> edit)
2) Goto HTML Header section and write
<style type="text/css">
#eba_demo_tree a {color:red; font-size:16px;}
</style>3) Write click on the tree region then Edit then specify Static ID as eba_demo_tree
4) If any step is not clear, then use this developer access on the workspace on apex.oracle.com
workspace : ralab
user : test
password : test
and view/edit Sample Trees application / page 5
Please. if this solves your question, mark it as Correct otherwise as helpful
Best Regards
Mahmoud

Navigation Bar font color

Can anyone point me in the right direction on how I can change the font color for the navigation bar items (e.g. print, logout)? The default for my template is black and doesn't show well with my background color.
I'm using APEX 2.1.0
Thanks in advance.

<p>Install Firefox
<p>Install the Firebug extension
<p>Run your application
<p>Right click and select Inspect Element from the context menu
<p>Click on the Print or Logout link
<p>You will see something like this
<p>That tells you that the CSS selector responsible for that color is ".t7NavBar a".
<p>Go to Page Attributes/HTML Header and put the following CSS snippet to override the color
.t7NavBar a {color: red;}<p>Hope this helps

Change font color in Report Code causes font size to change.

I am trying to dynamically change the font color in a report, red for negative, green for positive and blue for 0. I have created a report region and here is my code:
select city_name,
py_re_taxable,cy_re_taxable,
decode(sign(re_chg),-1,'<font color="red">'||re_chg||'</font>',
0,'<font color="blue">'||re_chg||'</font>',
1,'<font color="green">'||re_chg||'</font>','') RE_CHG
from rc_dashboard_recap a, lk_city_code b
where b.tax_year = :CURRENT_TAX_YEAR
and a.city_code = b.city_code
and userid = :GLOBAL_USER
order by 1
This code works great except it overrides my css text size and shows up as a page default size. I can't seem to figure out why this happens. This also happens when I try to sum a column. I've set my font size to 11 in my css and it is calling it correctly, however with the above code, my font size shows up at 12 or so.
I am looking at the code (view source from my page and it shows the correct class
<td class="t3dataalta" align="right" ><font color="red">-13.98</font>
in my css:
td.t3dataalta{font-size:11px;padding:2px;padding-left:5px;padding-right:5px;}
If I remove the decode statements with the font color then my font size is correct, but I need to figure out how to make the colors work.
Does anyone have any ideas?
Thank You

select city_name,
py_re_taxable,cy_re_taxable,
decode(sign(re_chg),-1,'font color="red"'||re_chg||'/font',
0,'font color="blue"'||re_chg||'/font',
1,'font color="green"'||re_chg||'/font','') RE_CHG
from rc_dashboard_recap a, lk_city_code b
where b.tax_year = :CURRENT_TAX_YEAR
and a.city_code = b.city_code
and userid = :GLOBAL_USER
order by 1
Here is my query, I removed the < and > signs in the code so that you could see what I have done.

Change font color in the Text Field of a Popup Key LOV

Hello,
I have a question concerning Popup Key LOV.
I want to change the font color in the Text Field of the Popup Key LOV Item.
I searched the forum but I cannot find an answer about this! Although I searched the CSS and the Popup Key LOV Template, but I do not know where to modify the font color.
Has anyone an idea how to solve that problem?
Regards,
Tim

Hey,
thank for your reply!
I use style="color:#000000;" and it work in Firefox, but not in Internet Explorer 7.0!
And that is not the first time, that there are differences in displaying those tags in the HTML Form Element Attributes and in css files, etc.
Does anybody know I to solve that?
Thank you,
Tim

How to Include More Than One Font and Font Color Within a Fluid Grid Div Tag?

Using CSS code, I can make all the words within a fluid grid div tag the same font, font size, and font color, but how do I make a few of the words different?

You can style the basic text and heading selectors with CSS:
p { }
h1 { }
h2 { }
h3 { }
h4 { }
etc...
And you can make classes:
.red {color:red}
.highlight {background-color:yellow}
Then apply classes to your text or sections of it using the HTML properties panel.
<div>
     <p>This is a default paragraph style.</p>
     <p class="red">This is red.</p>
     <p class="highlight">This is highlighted.</p>
     <p>Default style with <span class="red highlight">red, highlighted text</span> and normal text.</p>
</div>
Incidentally, this will work in any layout.
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
Nancy O.

Firefox is not displaying the correct font color on my blog, but other browsers are.

I have a web designer issue. Firefox is not displaying the correct font color on the header in my blog. Explorer, Chrome, and Safari have no problems. The page is in css but this particular section has html code o designate color. The code is as follows:
<font face="helvetica" color="FF9966" size="1">blog</font>
Though all other browsers display the light orange color designated, Firefox displays white. Strangely, if if retype the code by spelling out a color, Firefox displays it correctly. i.e.
<font face="helvetica" color="black" size="1">blog</font>
... will give me black. You can see the effect by viewing the link below and looking at the word "blog" in the header, which should be light orange but is not in Firefox.

Actually it also seems to work in the current Firefox 4 beta as it is.
The code is not right though - the correct syntax for the color attribute with hex values is with a # at the start, so:
color="#FF9966"
It might work in Firefox 3.x if you change that.

Changing font color site-wide??

Hi,
I am trying to change the color of my font and my links
site-wide. Is there any easy way to do this?
Thanks,
David

You would need to add those to a stylesheet that was linked
to all the
pages, not just in the head of a single document.... 8)
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Virginia Carter" <[email protected]>
wrote in message
news:g2ui3m$sml$[email protected]..
> Yep -- you can do this with CSS...
>
> If you want all your text to be red, then just add this
to the head of the
> document:
>
> <style type="text/css>
>
> body {color: #F00;}
>
> </style>
>
> Likewise, if you want all of your links to be white, you
would add the
> following:
>
> a {color: #FFFFFF;}
>
> Those will globally change your font color and link (a
href) color
> throughout your entire site, assuming you don't have any
other CSS
> anywhere...
>
> --
> Virginia Carter
> Carolina Web Creations
> ======================
> www.carolinawebcreations.biz
>
> David Way wrote:
>> Hi,
>>
>> I am trying to change the color of my font and my
links site-wide. Is
>> there any easy way to do this?
>>
>> Thanks,
>>
>> David

Jspdynpage font color and legend

Ineed to change color of font in jspdynpage application.Any idea
2) when i click on the column heading it should show a popup showing legend for what it stands for?
Any help will be appreaciated,

Hi,
To change the font color you need to either need to create a .css file for you application and within that u need to add the following lines :
.fontcolorchange {
font-family: Verdana, Geneva, sans-serif;
background-color:#80FF80;
border: 0px;
color: #000;
and then use this as follows :
<table>
<tr class ="fontcolorchage">
<td>and</td>
</tr>
</table>
or in the th jspDynpagen use the following tag :
<font color="colorName">text</font>
I think it will be helpful.
Please reward with points if helpful.
Thanks
Ritu
Message was edited by:
Ritushree Saha

APEX CSS - backend font colors

Similar Messages

Maybe you are looking for