How to apply CSS Options
sumit
Posted: Wednesday, April 09, 2008 1:23:14 PM
Rank: Newbie

Joined: 4/9/2008
Posts: 4
Location: India
Hi all

I am very new to this Umbraco. I have installed Umbraco 3.0. I made a very simple page. I want to apply a CSS to it.

Can an one have idea . How to apply a CSS

Thanks in Advance
-Sumit
tim
Posted: Wednesday, April 09, 2008 1:39:50 PM

Rank: Addict

Joined: 2/19/2007
Posts: 741
Location: Belgium
Hi sumit,

You can create a new css file file in the settings section and you can apply this like you would in a html file, just add the reference to your template.

Umbraco tips and tricks: http://www.nibble.be - umbraco mvp 08/09 - certified level 1 & 2 professional
sumit
Posted: Wednesday, April 09, 2008 2:29:40 PM
Rank: Newbie

Joined: 4/9/2008
Posts: 4
Location: India
Hi tim.

Thanks for reply. But I am not understading you... I made the CSS successfully.

Following is my code snippet of CSS. The name of my CSS file is Screen.CSS

font-size:160%;
font-weight:bold;
font-family:vardana;
COLOR: #3399FF;

But when i go to style drop down list i dont find my CSS file ( Screen.CSS) listed there... Am i missing any step or am i doing anything wrong? Eh?


Thanks
-Sumit
Dekker500
Posted: Wednesday, April 09, 2008 2:47:48 PM
Rank: Newbie

Joined: 2/20/2008
Posts: 17
Location: Canada
sumit wrote:
... made the CSS successfully.

But when i go to style drop down list i dont find my CSS file ( Screen.CSS) listed there.


If I understand you properly, you have created a CSS file and put it in the CSS directory... When you go to Settings tab in the Umbraco backend, and expand Stylesheets, do you see your CSS?

If not, I suggest you select-all and copy the content of your CSS, then go to the Settings tab, right-click the Stylesheets node, select create, type your css name (Screen), then Paste your CSS content. Save, and you're done.


HOWEVER

On reading my own instructions, I can see a potential error that you might have made. In Umbraco, when you create a stylesheet (or xsl, or whatever) it automatically appends the file extension. If you add the extension yourself (Screen.CSS) then the file that will actually be saved is "Screen.CSS.css". Click on your Screen.CSS, and give it a new name (without the css) then click save.

Hope that works!


Dekker
www.WoodworkDetails.com
drobar
Posted: Wednesday, April 09, 2008 3:39:02 PM

Rank: Umbracoholic

Joined: 9/8/2006
Posts: 1,698
Location: KY, USA
To add to Dekker's comments... if you the problem is that your styles don't appear in the Styles drop-down list within the umbraco editor, see the instructions in this thread: http://forum.umbraco.org/yaf_postst1583_style-property-not-appearing-in-dropdown-in-tinymce.aspx

cheers,
doug.

MVP 2007-2009 - Official Umbraco Trainer for North America - Percipient Studios
sumit
Posted: Thursday, April 10, 2008 8:02:00 AM
Rank: Newbie

Joined: 4/9/2008
Posts: 4
Location: India
Hey yuppie...


Thanks brobar that works for me.. :d/
Users browsing this topic
Guest


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.