Problem applying text styling to css class

Hi all,
first off, apoligies if this is answered else were, I'm fairly sure its not but I cant seam to find any information on it. I may be complety missing it or I'm just looking for the answer with the wrong search terms. Anyway, my problem, I created a template for a website, it all works grand. The template works perfectly in Contribute, I can specify a css style for a section of text, the text will style correctly, say for example font 16, green. But i cant set other properties for it such as text allignment ( left, right, centered, justified) unless i already specified it in the css style explicity. This seams a little mad, I have about 5 or 6 different style for different things, do I have to specify each css style with its specific attribute, e.g.
font 16, green, left allign,
font 16, green, right allign,
font 16, green, center allign,
font 16, green, justified allign,
then
font 16, green, left allign,bold
font 16, green, right allign,bold
font 16, green, center allign,bold
font 16, green, justified allign,bold
etc etc etc...for each possible thing i might need.
this is going to take a lot of work and makes the formatting of text in Contribute very tediuos and awkward. Is there a better way or am I just completly missing something very simple? I've been trying to find a solution on and off while i did the rest of the site for days!
Any and all help is much appreciated, thank you

I find it helps to define re-usable classes in the sitewide CSS file and teach your client how to use them.
/**ALIGNMENT CLASSES**/
.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
/**CUSTOM CLASSES**/
.wowza {
color: green;
font-size: 55px;
.less_wowza {
color:silver;
font-size: 35px;
HTML:
<h3 class="wowza center">some center aligned, wowza text goes here</h3>
<h4 class="less_wowza right"> some right aligned, less_wowza text goes here</h4>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Applying CSS classes in DW 8

Hello!
The good old Dreamweaver 4 had a wonderful panel, with the
css classes
listed on it, that could be open all the time, where you
could easily
click and apply a class to a selection.
This panel has vanished in subsequent versions (probably for
good reasons).
But still...
My question is: is there an extention somewhere that provides
this
functionality?
Thanks
Michael

That "Apply" button was removed because it caused problems.
Clicking it
more than once could result in multiple spans wrapping the
tag, as I recall.
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
==================
"David Powers" <[email protected]> wrote in message
news:ecueve$p0d$[email protected]..
> michael wrote:
>> I know. And there are more options to do so.
>> It is just that the old panel was so efficient and
easy in use.
>
> It's a long time since I last used Dreamweaver 4, so I'm
very happy with
> the current setup, but different people have their own
preferred ways of
> working.
>
> AFAIK, there is no extension that re-creates that panel.
You could always
> submit an enhancement request to the Dreamweaver
development team to try
> to persuade them to bring it back.
>
>
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
>
> --
> David Powers
> Adobe Community Expert
> Author, "Foundation PHP for Dreamweaver 8" (friends of
ED)
>
http://foundationphp.com/

CSS Class for Table Cell Text

When we were using messageStlyedText in a table region, it was shriking multiple whitespaces to a single whitespace. To solve the problem we are planning to use "rawText" with <pre> tag. But we are not able to specify the default CSS class for a table cell text. Can you please let us know the CSS class to use so that even if we use rawText UI(font, size etc) is similar to adjacent messageStlyedText columns ?
Note: We are not using formattedText because it is not allowing to add prompt.

Please try using CSS class OraTableCellText
Thanks
Abhay

Setting CSS Class for a Text Input Item when the disable property set to true

Hi,
i have OAF page and the item style is Message text input and i have set the disable property is TRUE using SPELL.
i want to display the value is BOLD for the item. so i set the CSS class for the item to OraTipLabel,OraDataText etc using item property or in process request also. the value is not setting BOLD.
the field is gery out and frozen and it is not displaying BOLD.
Please advise for the same.
Thanks
Sreekanth

Hi Avaneesh,
It is still not working for me.
Still waiting for some pointers
Anas.

Css class for rangebar text "Previous and Next"

I am using <af:selectRangeChoiceBar>
I want to give a specific font size to "Previous" and "Next" text.
If it is a link then i am able to do that, but if it is not a link i could't able to find the css class for that.
Is there anyway to give those text eveytime a specific font size...what will be the css class name to do that?
Thanx in advance

Hi Avaneesh,
It is still not working for me.
Still waiting for some pointers
Anas.

Set CSS class in text field ?

I understand setting text formats with setTextFormat like
bold,
underline, etc..
But is there a way to set a CSS class to a range of text in a
text field?
I'm fearing that there is not.
Sunny

Example code attached. Just put a dynamic text field on the
stage and give it an instance name 'myTextField_txt'.

Can you make the "Apply CSS Class" part of the editor bigger?

Hi there...
Just wondering - is it possible to make the "Apply CSS Class" editor window larger... It's TINY. (about 200px Square)
As a result I can't see many of the classes...
Cheers, Dave

Hi Liam, I think i did what you said, only the changes don't appear?
Am I missing something?
I've cleared the browser cache & refreshed page etc - but can still see:
Cheers, Dave

Text styling

This is a great production tool that we're interested in using to develop widgets for iBooks. I'm worried about the typograhy aspects of iAd Producer though. Unless I'm missing something, its seems that text styling can only be applied to an entire Label object as a whole; there doesn't seem to be the ability style within that Label object text. I realise this may need to be done through CSS rather some WYSIWYG editor but I can't see how to do this where it would be applied to spefic words or phrases and not the object as a whole. As a basic core feature, we would need to be able to style individual words or sentences to be bold or italics, a spefic colour or underline, and to use bulletted and numbered lists and indenting. For ease of use, this would ideally be through a WYSIWIG editor such as the editor for this discussion forum.
If there is a way to do this, please let me know.
Thanks and regards,
Mick

Thanks Mark,
That makes perfect sense now that you've pointed it out.
I'm not sure if I'm doing something wrong, but I can't get the global.css to work when referenced from an HTML object. If I place the follwing in the global.css
.normal {font-size:14px}
.boxed {background: #FC0}
.blue {background: #80b5ff}
and then reference it within the HTML object:
<div class="normal"><p>I am proud to come to this city as the guest of your <span class="boxed">distinguished Mayor,</span> who has symbolized throughout the world the <span class="blue">fighting spirit of West Berlin.</span></p></div>
It doesn't work. Whereas, if I place the same styling internally in the HTML object, it works fine.
ie
<style type="text/css">
            .normal {font-size:14px}
            .boxed {background: #FC0}
             .blue {background: #80b5ff}
</style>
<div class="normal"><p>I am proud to come to this city as the guest of your <span class="boxed">distinguished Mayor,</span> who has symbolized throughout the world the <span class="blue">fighting spirit of West Berlin.</span></p></div>
Does an HTML object need to call in the global.css ie through something like:
<link rel="stylesheet" type="text/css" href="global.css">
(not working when I tried it)
Any help appreciated,
Thanks,
Mick

CSS class ordering

Hello,
I am using JDeveloper 11.1.1.6 and Oracle ADF Skin Editor 11.1.2.3. I have browsed the community sites and not found a question / answer about the issue I'm facing.
I have been able to create custom CSS classes in my custom skin and apply them to my WCP project via JDeveloper. My custom CSS class (.HeaderTitle1) is being applied to the ADF component (outputText) via the styleClass property. I can see (in my browser) that my custom class and the built-in ADF class are being applied to the outputText component.
The problem is that the built-in ADF class takes precedence over my class. Based on CSS rules (see this example), this is because the ADF class is defined later in the CSS file (or loaded later if in a separate file). I've looked at the CSS file in the Chrome Developer Tools, and I can see that there is just 1 CSS file and that my custom CSS classes are in the middle of the file with ADF classes before and after them.
Question: Is there any way I can control the order of the declarations in the CSS file? How can I ensure that my custom CSS classes will take precedence?
Thanks!

Sure, Alejandro. It's actually not an outputText (that's one of our use cases), but applying a custom style to the goLink component that is giving us grief.
Here is my css:
.HeadingTitle1
font-weight: bold;
font-size: 24px;
text-transform: uppercase;
Here's how I'm referencing this css in my .jsp file:
<af:goLink text="My Loan" id="gl1" styleClass="HeadingTitle1" />
The result (via Google Chrome Tools):
<a id="pt1:r1:0:gl1" class="HeadingTitle1 af_goLink" href="edit-address.jspx">Edit Address</a>
Hmm, actually it looks like I've solved my own problem. Looking at the source of the CSS file, I can see that the HeadingTitle1 class is defined AFTER than the af_goLink class (containing the properties I'm concerned with):
.af_goLink
font-size: 15px;
.HeadingTitle1
font-size: 24px;
Based on this CSS demo, I thought this problem was that the af_goLink class is defined later in the CSS file, so that it took precedence over my custom CSS class, but it looks like it's behaving the way I need / expect it to.
Not sure why I wasn't seeing this all along. Thanks for the help, Alejandro and Frank.

Help with dynamic text and and css !

My second question of the day.
I'm trying to build a feature in my app in which the user can
hide/reveal
bolding and or
italics and or
underlining. The text is being loaded in from an xml file
and I was thinking about styling it with css in order to get the
underlining. My problem is that the only way I can think about
pulling this off is to have a css style sheet that has a defined
bold,italic and underline class defined- - then another one that
just has a italic and underline class defined -- then another one
that has just a bold and underline class defined . . . and so on
and so on. You can see why I would prefer a much more streamlined
system. Unfortunately my experience with dynamic text styling is
somewhat limited. Hopefully someone can help me out here.

Perfect. I knew it was some little snippet that I was
forgetting. I made a temporary fix of creating a 0% alpha box over
the button like a fake click area above the text, and that worked
but I know that it was a half-arsed way of working around it.
Thanks.

Save as SVG, with character styles included as CSS classes? (CC)

Hi, I know that
a) Character styles in Illustrator CC are saved as CSS classes in the CSS properties menu, with appropriate style info;
b) These classes can be exported to a CSS file from the CSS properties manual;
c) Graphic styles can also be saved as CSS classes; but
d) When saving to SVG (with Style Elements option) the graphic style classes are included in the SVG code, but NOT the character style classes. Instead, it uses classes like ".st0", ".st1", etc., which separate each styled attribute (font-family, size, etc.) into its own class.
Is there any way around this problem, short of extensively editing the svg code by hand later? The end result we're looking for is an SVG where text has classes assigned, based on character styles. (Ideally we'd then link to an external style sheet in order to modify based on the end use of the SVG. So for example a graphic with .textBold and .textRegular, where those classes are later assigned different values based on the delivery device.)
Has anyone else dealt with this issue?
Thanks!

Hi Ianmcarey,
Thanks for the detailed Explanation. We will investigate this Requirement of Exporting Character style classes in the SVG code.
Thanks and Regards,
Mohit Gupta.

Robohelp 8 & CSS Class attribute

I have been trying to use the CSS Class attributes but it doesn't seemed to be recognized by Robohelp 8. Here is an example of my code:
My external style sheet:
Test {
          width: 562px;
          height: 16px;
          text-align: center;
          font-family: Arial, Helvetica, sans-serif;
          font-weight: bold;
          color: #ffff00;
Test1 {
          background-color: #00900;
Test2 {
          background-color: #008000;
In my file:
<link rel="Stylesheet" href="layout.css" type="text/css" />
<div class="Test Test1">
     I type something here
</div>
The text that I type is rendered but none of the formatting. What am I doing wrong?
Does anyone know if there is a problem with Robohelp 8 not supporting CSS classes?
Thanks!
Message was edited by: Lakooli

Hi,
Add a dot (.) before the class definitions in your css:
.Test -> All elements that have the class test
Or even better:
div.Test -> Only DIV element that have the class test
Greet,
Willam

Applying Spry Style Effect to Class

Trying to get the highlight effect to apply to all members of
the CSS class "highlight". What am I doing wrong???
<html>
<head>
<script src="SpryEffects.js"
type="text/javascript"></script>
<script type="text/javascript">
Spry.$$(".highlight").forEach(function(n) {
window[n.id] = new Spry.Effect.Highlight(n, {duration: 1000,
from:'#CCCCCC', to:'#FFCC33', restoreColor: '#FFCC33', toggle:
true});
</script>
<style type="text/css">
.highlight {
background-color: #CC5512;
cursor: pointer;
</style>
</head>
<body>
<div id="div_1" class="highlight"
onMouseOver="div_1.start();" onMouseOut="div_1.start();">
My first DIV
</div>
<div id="div_2" class="highlight"
onMouseOver="div_2.start();" onMouseOut="div_2.start();">
My first DIV
</div>
</body>
</html>

VL Branko wrote:
How do you enable this option? I can’t find horizontal on options panel. There is only "up" or "down."
That option doesn't appear in the Slide effect panel. You need to edit the code inserted by Dreamweaver. Change this:
function MM_effectSlide(targetElement, duration, from, to, toggle)
Spry.Effect.DoSlide(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
to this:
function MM_effectSlide(targetElement, duration, from, to, toggle)
Spry.Effect.DoSlide(targetElement, {duration: duration, from: from, to: to, toggle: toggle, horizontal: true});
Dreamweaver doesn't show all the options available for Spry. You often need to tweak the code manually.

CSS Class Ignored

I'm trying to override the default css class for static styled text/message styled text/rawtext items by specifying a css class in the property pallette for these items.
When i run the page through jdeveloper it is not taking any effect.
I'vnt tried running it from the server.
I've tried with multiple css class types.
I've copied the blaf.css file from the server and placed in myhtml\OA_HTML\cabp\styles\
I've tried clearing the cache , deleteing the class files etc etc..
Any pointers ?
Thanks,
Tilak.

Tilak,
Following extract from Dev guide might be useful for your reference:
Using Styles
All of the regions -- and most of the items -- that you add to the page have their styles set automatically; you don't need to do anything extra (nor should you). As described above, you should be setting region and item properties ONLY if you must override the default behavior.
That said, there are several cases where you must set the CSS Class property for your items:
If you create a staticStyledText item to be used for instruction text, you must set its CSS Class to OraInstructionText.
For any text entry fields, checkboxes, poplists and radio buttons you must set the CSS Class to OraFieldText. Do not use OraPromptText for your radio buttons and checkboxes.
If you create a messageStyledText item for displaying read-only data, you must set the CSS Class to OraDataText for the data to render in bold (note that you don't need to set this value for table columns)
Tip: New OA Framework developers often make the mistake of trying to significantly change "native" component rendering by changing the CSS style. If you find yourself falling into this trap (and you're frustrated because your style settings don't appear to have any impact on the bean's runtime appearance):
Make sure you're using the right bean (region or item style) for the job.
If you're certain you're using the right bean, check to see if it publishes a method that lets you achieve the desired result. For example, an oracle.apps.fnd.framework.webui.beans.layout.OAHeaderBean inherits a setSize(int size) method that lets you control the size of the header text (which is useful when rendering headers in Home page "At a Glance" regions or in side navigation "Search" regions, for example). You cannot achieve this effect by trying to set the header's CSS Class to OraHeaderSubSub as some are tempted to try after reading the BLAF specification that the beans implement.
--Shiv

Setting the "CSS Class" field not taking effect

Hello. I defined my custom.xss as follows:
<?xml version="1.0"?>

<styleSheetDocument xmlns="http://bali.us.oracle.com/cabo/ocelot">
<import href="oa.xss"/>
<styleSheet>

<style selector=".Red">
<includeStyle name="DefaultFontFamily"/>
<property name="background-color">red</property>
</style>

</styleSheet>
</styleSheetDocument>
I can see my new tag defined in the generated CSS file. However, when I take my messageStyleText element and put 'Red' in the CSS Class field it does not change the background color. Am I doing something wrong?
Thanks! Graeme.

On Fri, 23 Mar 2007 09:53:58 +0000 (UTC), "dulcettones"
<[email protected]> wrote:
>Hello, I'm redoing my site from the beginning, this time
using 'relative'
>positioning due to browser inadequacies. Because I'm new
to CSS I'm trying to
>get my head around it as I go along.
Not sure that's right - I'm sure Murray will help there
> The first thing I'm doing is laying out my navigation
bar at the top of the
>page.
> These are the CSS styles:
> #navlist
> #navlist ul
> #navlist li
> #navlist a
> According to my book the changes to font should be done
in #navlist ul.
>However nothing happens when I enter the settings.
> BUT...the changes do take effect if I use the other ones
(#navlist / #navlist
>li / #navlist a)
> Can anyone help?
>
needs applying to the li
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Untitled Document</title>
<style>
.navigation ul {
list-style: none;
margin: 0;
padding: 0;
.navigation li {
display: inline;
font-family:"Times New Roman", Times, serif;
font-size: 1.1em; font-style:normal; font-weight:600;
width: 125px;}
.navigation li a:link, .navigation li a:visited {
padding: 2px 5px 2px 0.5em;
background-color: #009933; /* Main backround colour */
color: #FFFFFF; /* normal font colour */
text-decoration: none;
width: 125px;
.navigation li a:hover {
background-color: #EBF4EA; /* Main hover colour */
color: #006600; /* hover text colour dark green */
</style>
</head>
<body>
<div class="navigation">
<ul >
<li><a href="x">Home</a></li>
<li> <a href="x">One</a></li>
<li><a href="x">Two</a></li>
<li> <a href="x">Three</a></li>
<li> <a href="x">Four </a></li>
</ul>
</div>
</body>
</html>
~Malcolm N....
~

Problem applying text styling to css class

Similar Messages

Maybe you are looking for