Using custom CSS style sheet

I'm trying to use a custom CSS style sheet and can't get it to work. I've created my stylesheet and uploaded it so it shows under Shared Components >> Cascading Style Sheets.
Viewing the source for my pages currently shows a reference to what I guess is the default style sheet -
<link rel="stylesheet" href="/i/css/apex_3_1.css" type="text/css" />But no reference to the one I uploaded. So I guess I need to add a new reference pointing to my sheet.
So questions would be -
- How and where do I add this reference?
- Is this the correct way to do things if I want to use my own styles?

Antilles,
Go to your Shared Components > Temples > Select the page template you wish to apply your CSS to and in the "Header" area you will see references to the APEX CSS, something like,
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_17/theme_3_1.css" type="text/css" />Now, just add your CSS reference after any APEX CSS references.
Hope this helps.
-Chris

Similar Messages

Insert a div box background for one document only while using external CSS style sheet.

I am trying to set a background image in one of my div boxes, but because I am using an external style sheet it changes it in all my documents. How can I do it with just this one page? Preferably in design mode.

What i did to slove this problem was:
Open my external CSS style sheet
Copy the contents of it
Remove the CSS link in the one page i wanted to be different.
Pasted the contents in the <head> under the rest of the CSS rules for that page.
Then I could set the background for that box w/o altering the other pages..
I tried the other suggestions, but could not get them to work. Not saying they are wrong, but maybe i was implementing them wrong.

11g Custom.CSS Style Sheet issue...is it a bug?

I've created a custom style sheet that we're using to change the graphical elements of our dashboard. I've got everything working and I'm really pleased about how it's looking. Today, I started working on changing the default field attributes. I didn't want to have to go in and change 7-8 elements (font, size, bold, etc) so I used the Custom.CSS file and created new CSS classes that I could easily assign to fields. My thought was that I could go through my whole web-catalog once and apply the CSS to each of the fields, their headers, etc. so that if we wanted to make global changes to formatting later on, I could go and edit the Custom.CSS.
I've run into a slight problem which brings me to the purpose of this post. I have saved the CSS classes into the fields, applied them and saved the changes as the defaults for the fields. Everything works great and the CSS defined styles appear when I create a new report. My concern is that when I create a new report and pull in one of the fields that I have defined and saved the default style, the field no longer shows that it's definition is linked to the Custom.CSS. If I hover over a field in Firebug, it tells me that it's referencing the Custom.CSS, so I know the field is actively referencing the CSS. Shouldn't the field retain the reference to the Custom.CSS when I save the style? Any other developer going into the field will not be able to tell that there is a style sheet that defines the field attributes.
Also, is there a better way to go about applying styling to fields across the board?

Hi Brad
The changes to the file is not done outside of Muse, I know by touching Muse's files from BC will screw things up,
rather it is done from Muse itself by going to the page properties and entering an html code in the header of the page.
Also maybe I should'nt said Locally Published, I meant when exporting the html and viewing it locally.
Regards

How can I use this?? Custom css style.

!http://unisonsoft.iptime.org:8000/sample.jpg!
Please look at this image.( Dashboard -> page option -> section properties -> Custom CSS Style Options (HTML Only) -> Use Custom CSS Style)
I want to use Custom Css Style.
What can I do for this?
Thank you.
Edited by: user626249 on 2009. 7. 28 오후 10:28

Thank you Mr.Jhon and everyone.
My client asked me "how can I see the pages on dashboard with many CSS"
Sorry...Actually I can`t use ENGLISH very well...
For example)
Page1 has two tables.
These table`s font-size is 12pt.
page2 has two tables too.
These table`s font-size is also 12pt.
In this case, I only want to change table`s font-size 10pt in page2.
The font is set the file "/OracleBI/oc4j_bi/j2ee/home/applications/analytics/analytics/res/s_oracle10/b_mozilla_4/views.css"
If I change this css file, page1 and page2 has same format of tables.
So I need to change olny one page`s table font-size using Custom Css Style.
This is my best writting...Sorry...;;;;;;;;;;;;;;;;
Thanks everyone...If you understand me, please help me.^^
Edited by: user626249 on 2009. 7. 29 오전 2:22

Can the number format be controlled with custom css styles

I have a union query where the first query returns a count that I formated as a number '999,999' and the second query returns percentages that I want formatted as '99.9%' I can use conditional formatting to determine which part of the query the result came from but conditional formatting doesn't allow me to control the number format so I was wondering if custom css styles would allow me to control the format. Is converting the number to a character and concatenating a % sign ia better option. I was able to do this using BI Publisher and a different apporach but I want to be able to do it with Answers.

Make sure the address bar in Contribute is displaying your URL and
not a file path.
Your administrator can remedy this by going to the role settings and making sure the Home address is set to the URL. If you can't get the admin to update the role settings, you can enter your URL into the address bar and then the site should be able to find linked style sheets.

Safari 5.0.3 not loading CSS style sheets 1st time through

When I go to my ecommerce site's https payment screen, the page HTML loads OK but the formatting is missing (so the screen is really messed up). If I hit the page re-load function the page re-loads with all the formatting corrected. It behaves the same with both the Mac and Widows versions of Safari 5.0.3. The problem did not occur on earlier versions of Safari (i.e., the Mac I use for testing the site worked perfectly on the now problematic page until I upgraded to the latest version of Safari).
The problematic page works fine with all the other browsers that I have tried (IE7, IE8, Firefox, Chrome)
My guess is that it has something to do with some @import url("css style sheet") directives that are imbedded at the beginning of the master style sheet for the page.
This problem will stop all Safari 5.0.3 users from navigating our site so it is quite serious.
Any help on this issues would be greatly appreciated.

Further investigation has revealed that the following error message is being generated within Safari during the first time the that the page is loading,
"Refused to load from document base URL. URL found within request."
The <base> directive in the HTML, in this instance, is referring to a different URL than the one that the page is running from. The page with the problem is running on a remote server and back referencing to the home server for the <base> reference. This fails when the page first loads but seems to be accepted if a page-reload is done. It also works on all other browsers that have been tested.
Is this related to a security setting in the browser?

When I try to attach my css style sheet Dreamweaver gives me an error saying that my .css file appears to be an .html file and will not attach. How do I fix this so I can attach my style sheet?

I have built a css style sheet in Dreamweaver. When I try to attach it to my html website, it prompts me that my "css file appears to be an .html file and cannot attach". I've tried removing the /* */ as suggested by other forums, but this has not resolved the issue. I was using css style sheets with no problem 2 days ago. Now I get that error message. How do I fix this so I can attach my style sheet?

What does the code of the CSS file look like?
An external CSS file needs to be written in CSS only (no html tags like <html>, <body>, <head>, etc ).
It also must have a .css file extension, if yours has a .html extension it won't work.

Automatically attaching CSS style sheets to new documents

I wanted to alert everyone to a great new Community article published by Adobe Community Expert David Powers. The article details how to attach CSS style sheets automatically when you create new documents.
Here's the article:
http://kb2.adobe.com/community/publishing/505/cpsid_50564.html
This handy option is easy to miss, especially if you don't use the New Document Dialog box to create documents, so big thanks to David for highlighting this.
Furthermore, the appearance of such an article is a great example of how Community content can interact and live symbiotically with Adobe Help. We've linked directly to David's piece from our documentation, and this is indeed a great thing because David is able to go into much more detail about the process of automatically attaching style sheets than we are able to do in Help:
Create a blank page
Create a page with a CSS layout
If you're interested in publishing Community articles of your own, you can download the Community Publishing AIR application and get right to work!

Jon Michael Varese wrote:
We've linked directly to David's piece from our documentation, and this is indeed a great thing because David is able to go into much more detail about the process of automatically attaching style sheets than we are able to do in Help:
Can I ask why?
David's excellent standard should be the minimum standard for Help files.
The quality of software manufacturers' Help (not just Adobe) has deteriorated greatly over the past decade - to the point where it's now my last resort for learning.
Software manufacturers seem to tacitly rely on 3rd party book authors (such as David's brilliant material), bloggers and online tutorials to explain their products these days.
I'm happy not to have a printed book with my software any more because they were always out-of-date and hard to update. However the quality of PDF and online Help docs is so poor and sparse for my use that I prefer to get my answers by Googling, visiting forums or buying the occasional book.

CSS Style sheet not working in DW4

I am new to Dreamweaver CS4 and have been following the tutorials for Beginners on Adobe TV.
I have used a Standard Layout, 2 columns, Header, Footer, Sidebar.
I have created and saved the CSS Style Sheet as suggested in a folder with the CSS panel.
I have made changes to the web page with CSS and can see the changes in Design View on my screen.
However, when I view my trial site in a browser, none of the Style changes are visible. Looking at the XHTML code,
the path to the CSS Style Sheet appears to be correct. What am I doing wrong?

Close your meta tag.
<meta name="description" content="blah, blah, blah...>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Css style sheet not linking

I am fairly new to dreamweaver and css. I have created an
html page and I created an external css style sheet for it. When I
preview it in my browser, it works, but when I FTP it and check the
site on the server, the html page doesn't "refer" to the css page
that I created. I checked my remote view of the server, the style
sheet is there and the source for the web page says that it should
be refering to it.
Here's the link to my page. It's a school project. I only
have the first page created for it so even tho there are rollovers,
there are no pages linked them, so just ignore that.
http://alliterationstudio.com/silverspark/index.htm
if you go to the main page on my site
http://alliterationstudio.com
you will see that I have a couple of other projects up there too.
If you go look at the arts and crafts page you will see that it has
a style sheet that links just fine to it, and I created it in the
same way. I'm at a loss here, since I'm really new to this web
design stuff.
BTW, I'm using Dreamweaver MX 2004 right now. I'll upgrade as
soon as I get my new computer, but either way, I don't think that
using an earlier version of the software is what is creating the
problem, right?
Thanks for the help,
Staci Stubbs

On 07 Apr 2007 in macromedia.dreamweaver, stacistubbs wrote:
> Here's the link to my page. It's a school project. I
only have the
> first page created for it so even tho there are
rollovers, there are
> no pages linked them, so just ignore that.
>
>
http://alliterationstudio.com/silverspark/index.htm
http://alliterationstudio.com/silverspark/silversparkstyle.css
returns a
403 (Forbidden) error. An imaginary stylesheet whose name I
entered
returned a 404 (File not found). In the other project which
had an
external stylesheet, there was no problem. So - it sounds
like a
permission issue on silversparkstyle.css. I'm not sure if
MX04 has a
file permissions 'thing' built in; if not, you'll either have
to get an
FTP client which does file permissions (FileZilla for Windows
http://filezilla.sourceforge.net/
does), or use a terminal app (SSH, like
putty, in preference to Telnet) to log in and change the
permissions.
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/contact.php

How can i load a specific CSS style sheet for Safari?

Okay, So I have some structure issues when viewing my website on Safari compared to Firefox. Is there a way to put a code in the <head> tag to load a specific CSS style sheet for Safari like you can do with IE?
Thanks.

I took a screenshot of your page from Firefox (shown below). I assume you're seeing the same problem in Safari. If you increase text size one click, the keyboard image drops below the #contact division.
1) Height is a restiction in all browsers except IE. Avoid using height values on containers with text in them. If needed to show a background image, use the min-height property.
2) Fix your code errors. Some browsers are very sensitive to errors.
3) Your #content lacks cohesion. You need 3 columns, each with a width in pixels. Or simply use a 3-column table.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

How to attach a CSS style sheet ?

Hi,
How to attach a CSS Style sheet to a portal page ?
Thanks for your help,
Jean-Christophe

For a standard Portal page you should use the Portal styles and associate them to a page. These effectively generate a CSS style sheet anyway if you view the HTML source of a rendered page in your browser.
Using the correct PDK APIs you effectively reference the CSS tags in your Java or PL/SQL code.
If your portlet need to open a page in a new window you can no longer reference the Portal page style as the CSS style sheet does not get attached.
In this situation, code your HTML as normal and reference your CSS style sheets as normal.
If you create you CSS sheet you can store it in a page as a file and access using the direct access URL like I showed you in a previous response regarding the storing of images.
Cheers,
John

Using a Print Style Sheet to hide columns in a report

Hello there,
I am curious to know whether it is possible to hide certain columns in reports using a print style sheet.
I tried using the 'CSS Class' attribute when editing column formatting but it appears to be completely ignored and simply overwritten with the theme's default CSS Class for a report table cell (t15data in my case).
Any help would be greatly appreciated...
Cheers,
Jordan

Hi Jordan,
Perhaps the simplest thing would be to change your page template (or, more probably, take a copy of the one you are using and edit that instead).
Add id="#COLUMN_HEADER_NAME#" into the TH and TD tags for the Column Heading Template and all of the Column Templates.
Then, in the Region Header of the region containing the report (or anywhere above the region), enter in:
<style type="text/css" media="print">
#ID_OF_COLUMN_TO_HIDE {display:none}
>/style>
I have not tested this to see if it impacts on any other page functionality, but it does do what you need - ie, the column appears on screen but not on a printout.
Regards
Andy

How to bring Sample CSS Style Sheets into a Template?

I am creating a site from scratch using CS4 Template. Can I incorporate more than one DW Sample CSS Style Sheet? And how do I bring them into the Template site?
Thanks, g

Thank you. I added the 3 sample css style sheets I want to use into my site. Now I am trying to bring a different sample css into different sections of the layout. Example:
Sidebar 1: green/yellow
Sidebar 2: red/yellow
Middle: blue/yellow
I seem to only be able to have one for the whole page. Is this true?
What I am doing is clicking on the div tag: <div.sidebar#sidebar1>, then "Edit CSS" and then scroll down in the Class window to "attach style sheet" and there at the bottom is a link to the sample css style sheets. I click on the one I want and it changes the css for the whole page not just the sidebar 1. Is there a way I can get a different css sample style sheet for each sidebar in a 3 column layout, and a different sample css for the middle?
thank you very much

Custom css style to region

what solution can i get to style a region with a custom CSS style?
can't I force the HTML region tag (is it a TD, isn't?) to have an ID or a STYLE I choose?
(then i can insert an HTML PORTLET to write the CSS style)

Mylenium wrote:
A caption is its own HTML tag, nothing exclusive to an image.
The HTML <caption> tag can be used only inside a table. It has nothing to do with images. http://www.w3.org/TR/html401/struct/tables.html#edef-CAPTION.
To answer the original question, the way to create a caption for an image is to wrap the image and caption text in a <span> and give the span a class called floatleft or floatright.
<span class="floatleft">
<img src="../images/cape_royal.jpg" alt="Cape Royal"
width="250" height="366" />Grand Canyon at Cape Royal</span>
Then create four style rules:
.floatleft {
float:left;
margin:3px 8px 3px 0;
.floatright {
float:right;
margin:3px 0 3px 8px;
.floatleft, .floatright {
font-weight:bold;
text-align:center;
.floatleft img, .floatright img {
display: block;

Using custom CSS style sheet

Similar Messages

Maybe you are looking for